ColorShadesUsageLayout.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="20dp"
    android:background="@color/blue_bg"
    android:orientation="vertical">

    <TextView
        android:id="@+id/output_color_code"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_margin="@dimen/margin_small"
        android:layout_weight="1"
        android:gravity="center"
        android:text="@string/red"
        android:textColor="@color/purple"
        android:textSize="@dimen/text_small"

        />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/margin_small"
        android:orientation="horizontal">

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_margin="@dimen/margin_small"
            android:layout_weight="1"
            android:orientation="vertical">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/from_color"
                android:textColor="@color/purple"
                android:textSize="@dimen/text_small" />

            <EditText

                android:id="@+id/from_color_et"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/margin_small"
                android:text="#FF0000"
                android:textColor="@color/green_fg"
                android:textSize="@dimen/text_small"
                android:background="@android:color/white"
                android:padding="@dimen/padding_small"
                android:digits="1234567890ABCDEFabcdef#"
                />

        </LinearLayout>


        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_margin="@dimen/margin_small"
            android:layout_weight="1"
            android:orientation="vertical">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/to_color"
                android:textColor="@color/purple"
                android:textSize="@dimen/text_small" />

            <EditText

                android:id="@+id/to_color_et"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/margin_small"
                android:text="#00FF00"
                android:textColor="@color/green_fg"
                android:textSize="@dimen/text_small"
                android:background="@android:color/white"
                android:padding="@dimen/padding_small"
                android:digits="1234567890ABCDEF#"
                />


        </LinearLayout>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/margin_small"
        android:orientation="vertical">

        <TextView
            android:id="@+id/seek_bar_label"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/level"
            android:textColor="@color/purple"
            android:textSize="@dimen/text_small" />

        <SeekBar

            android:id="@+id/seek_bar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/margin_small"
            android:max="100"


            />

    </LinearLayout>


</LinearLayout>