diff --git a/.gitignore b/.gitignore
index f5c14ea..5914dba 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,28 +1,36 @@
 # Built application files
 *.apk *.ap_
-# Files for the ART/Dalvik VM
-*.dex
-# Java class files
-*.class
+
 # Generated files
 bin/ gen/ out/
+build/
+
 # Gradle files
 .gradle/ 
-build/
+gradle/
+gradlew
+gradlew.bat
+
 # Local configuration file (sdk path, etc)
 local.properties
+
 # Proguard folder generated by Eclipse
 proguard/
+
 # Log Files
 *.log
+
 # Android Studio Navigation editor temp files
 .navigation/
+
 # Android Studio captures folder
 captures/
-# Intellij
-*.iml .idea/workspace.xml /.idea/libraries
+
 # Keystore files
 *.jks
-.DS_Store
-.idea
+
+# Intellij
+.idea/
 *.iml
+
+.DS_Store
diff --git a/README.md b/README.md
index 466a533..e86f729 100644
--- a/README.md
+++ b/README.md
@@ -27,7 +27,10 @@ Developers can customize the following attributes (both via XML and programmatic
 | name                        |  format   | description               | default value |
 | :--------------------------:| :------:  | :-----------:             | :-----------: |
 | lineColor            | color     | Range bar color          | #F7F7F7       |
+| activeLineColorMode            | integer     | Active range bar coloring (solid or gradient)          | 0 (ColorMode.SOLID)       |
 | activeLineColor            | color     | Active range bar color          | #0C6CE1       |
+| activeLineGradientStart            | color     | Active range bar gradient start color          | #0C6CE1       |
+| activeLineGradientEnd           | color     | Active range bar gradient end color          | #0C6CE1       |
 | fixedLineColor            | color     | Fixed range bar color          | #E3E3E3       |
 | lineThickness        | dimension   | Range bar thickness             | 4 |
 | activeLineThickness        | dimension   | Active range bar thickness             | 6 |
diff --git a/app/build.gradle b/app/build.gradle
index 10ac5dc..50ada40 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -1,12 +1,11 @@
 apply plugin: 'com.android.application'
 
 android {
-    compileSdkVersion 26
-    buildToolsVersion '26.0.2'
+    compileSdkVersion 27
     defaultConfig {
         applicationId "me.bendik.sample"
         minSdkVersion 16
-        targetSdkVersion 26
+        targetSdkVersion 27
         versionCode 1
         versionName "1.0"
     }
@@ -22,7 +21,7 @@ dependencies {
     compile fileTree(dir: 'libs', include: ['*.jar'])
 
     compile project(':simplerangeview')
-    compile 'com.android.support:appcompat-v7:26.1.0'
-    compile 'com.android.support:design:26.1.0'
-    compile 'com.android.support:support-v4:26.1.0'
+    compile 'com.android.support:appcompat-v7:27.1.1'
+    compile 'com.android.support:design:27.1.1'
+    compile 'com.android.support:support-v4:27.1.1'
 }
diff --git a/app/src/main/java/me/bendik/sample/MainActivity.java b/app/src/main/java/me/bendik/sample/MainActivity.java
index 53762e8..6a69ca6 100644
--- a/app/src/main/java/me/bendik/sample/MainActivity.java
+++ b/app/src/main/java/me/bendik/sample/MainActivity.java
@@ -19,16 +19,16 @@ protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
 
-        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
+        Toolbar toolbar = findViewById(R.id.toolbar);
         setSupportActionBar(toolbar);
 
         mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());
 
         // Set up the ViewPager with the sections adapter.
-        mViewPager = (ViewPager) findViewById(R.id.container);
+        mViewPager = findViewById(R.id.container);
         mViewPager.setAdapter(mSectionsPagerAdapter);
 
-        TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);
+        TabLayout tabLayout = findViewById(R.id.tabs);
         tabLayout.setupWithViewPager(mViewPager);
     }
 
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index f0ac6f7..d1cefab 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -18,7 +18,7 @@
             android:layout_width="match_parent"
             android:layout_height="?attr/actionBarSize"
             android:background="?attr/colorPrimary"
-            app:layout_scrollFlags="scroll|enterAlways"
+            app:layout_scrollFlags="scroll|exitUntilCollapsed"
             app:popupTheme="@style/AppTheme.PopupOverlay">
 
         </android.support.v7.widget.Toolbar>
diff --git a/app/src/main/res/layout/fragment_basic_example.xml b/app/src/main/res/layout/fragment_basic_example.xml
index 3410236..1859177 100644
--- a/app/src/main/res/layout/fragment_basic_example.xml
+++ b/app/src/main/res/layout/fragment_basic_example.xml
@@ -2,69 +2,75 @@
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
+
     <LinearLayout
         android:id="@+id/range_views_container"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:paddingTop="@dimen/activity_vertical_margin"
+        android:orientation="vertical"
         android:paddingBottom="@dimen/activity_vertical_margin"
         android:paddingLeft="@dimen/activity_horizontal_margin"
         android:paddingRight="@dimen/activity_horizontal_margin"
-        android:orientation="vertical">
+        android:paddingTop="@dimen/activity_vertical_margin">
 
         <TextView
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_margin="8dp"
             android:gravity="center"
-            android:text="Simple RangeView with labels"/>
+            android:text="Simple RangeView with labels" />
 
         <me.bendik.simplerangeview.SimpleRangeView
             android:id="@+id/rangeview"
             android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            />
+            android:layout_height="wrap_content" />
 
         <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginTop="16dp"
             android:orientation="horizontal">
+
             <LinearLayout
                 android:layout_width="0dp"
                 android:layout_height="wrap_content"
                 android:layout_weight="1"
                 android:orientation="vertical">
+
                 <TextView
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
                     android:gravity="center"
-                    android:text="Start"/>
+                    android:text="Start" />
+
                 <EditText
                     android:id="@+id/edit_start"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
                     android:gravity="center"
                     android:inputType="number"
-                    android:text="0"/>
+                    android:text="0" />
             </LinearLayout>
+
             <LinearLayout
                 android:layout_width="0dp"
                 android:layout_height="wrap_content"
                 android:layout_weight="1"
                 android:orientation="vertical">
+
                 <TextView
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
                     android:gravity="center"
-                    android:text="End"/>
+                    android:text="End" />
+
                 <EditText
                     android:id="@+id/edit_end"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
                     android:gravity="center"
                     android:inputType="number"
-                    android:text="9"/>
+                    android:text="9" />
             </LinearLayout>
         </LinearLayout>
 
@@ -73,52 +79,69 @@
             android:layout_height="wrap_content"
             android:layout_margin="8dp"
             android:gravity="center"
-            android:text="RangeView with fixed area"/>
+            android:text="RangeView with fixed area" />
 
         <me.bendik.simplerangeview.SimpleRangeView
             android:id="@+id/fixed_rangeview"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             app:count="10"
-            app:start="3"
             app:end="6"
-            app:showFixedLine="true"
-            app:startFixed="2"
             app:endFixed="7"
-            />
+            app:showFixedLine="true"
+            app:start="3"
+            app:startFixed="2" />
 
         <TextView
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_margin="8dp"
             android:gravity="center"
-            android:text="RangeView with movable range"/>
+            android:text="RangeView with movable range" />
 
         <me.bendik.simplerangeview.SimpleRangeView
             android:id="@+id/rangeview_movable"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             app:count="10"
-            app:start="3"
             app:end="6"
             app:movable="true"
-            />
+            app:start="3" />
 
         <TextView
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_margin="8dp"
             android:gravity="center"
-            android:text="RangeView with minimal range size"/>
+            android:text="RangeView with minimal range size" />
 
         <me.bendik.simplerangeview.SimpleRangeView
             android:id="@+id/rangeview_min_distance"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             app:count="10"
-            app:start="2"
             app:end="8"
             app:minDistance="3"
-            />
+            app:start="2" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_margin="8dp"
+            android:gravity="center"
+            android:text="RangeView with gradient active line" />
+
+        <me.bendik.simplerangeview.SimpleRangeView
+            android:id="@+id/rangeview_gradient"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            app:activeLineColorMode="gradient"
+            app:activeLineGradientEnd="@color/colorPrimary"
+            app:activeLineGradientStart="@color/colorAccent"
+            app:count="10"
+            app:end="10"
+            app:minDistance="1"
+            app:start="0" />
+
     </LinearLayout>
 </android.support.v4.widget.NestedScrollView>
\ No newline at end of file
diff --git a/build.gradle b/build.gradle
index 01a6693..acd9f5f 100644
--- a/build.gradle
+++ b/build.gradle
@@ -1,19 +1,17 @@
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
 
 buildscript {
-    ext.kotlin_version = '1.1.60'
+    ext.kotlin_version = '1.2.51'
 
     repositories {
         jcenter()
-        maven {
-            url 'https://maven.google.com/'
-            name 'Google'
-        }
+        google()
     }
+
     dependencies {
-        classpath 'com.android.tools.build:gradle:3.0.1'
-        classpath 'com.github.dcendents:android-maven-gradle-plugin:1.4.1'
-        classpath 'com.jfrog.bintray.gradle:gradle-bintray-plugin:1.2'
+        classpath 'com.android.tools.build:gradle:3.1.3'
+        classpath 'com.github.dcendents:android-maven-gradle-plugin:1.5'
+        classpath 'com.jfrog.bintray.gradle:gradle-bintray-plugin:1.7.3'
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
 
@@ -24,10 +22,7 @@ buildscript {
 allprojects {
     repositories {
         jcenter()
-        maven {
-            url 'https://maven.google.com/'
-            name 'Google'
-        }
+        google()
     }
 }
 
diff --git a/simplerangeview/build.gradle b/simplerangeview/build.gradle
index 838401a..9c9858b 100644
--- a/simplerangeview/build.gradle
+++ b/simplerangeview/build.gradle
@@ -11,12 +11,11 @@ ext {
 }
 
 android {
-    compileSdkVersion 26
-    buildToolsVersion "26.0.2"
+    compileSdkVersion 27
 
     defaultConfig {
         minSdkVersion 16
-        targetSdkVersion 26
+        targetSdkVersion 27
         versionCode 1
         versionName "1.0"
 
@@ -38,7 +37,7 @@ android {
 dependencies {
     compile fileTree(dir: 'libs', include: ['*.jar'])
     compile "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
-    compile 'com.android.support:support-compat:26.1.0'
+    compile 'com.android.support:support-compat:27.1.1'
 }
 
 // or use the remote copy to keep update with latest changes
diff --git a/simplerangeview/src/main/kotlin/me/bendik/simplerangeview/SimpleRangeView.kt b/simplerangeview/src/main/kotlin/me/bendik/simplerangeview/SimpleRangeView.kt
index 58a3058..5dd6300 100644
--- a/simplerangeview/src/main/kotlin/me/bendik/simplerangeview/SimpleRangeView.kt
+++ b/simplerangeview/src/main/kotlin/me/bendik/simplerangeview/SimpleRangeView.kt
@@ -20,13 +20,14 @@ import android.animation.AnimatorListenerAdapter
 import android.animation.ValueAnimator
 import android.content.Context
 import android.graphics.*
+import android.os.Build
 import android.os.Parcel
 import android.os.Parcelable
+import android.support.annotation.RequiresApi
 import android.support.v4.view.ViewCompat
 import android.util.AttributeSet
 import android.view.MotionEvent
 import android.view.View
-import me.bendik.simplerangeview.R.attr.maxDistance
 import kotlin.properties.Delegates
 import kotlin.properties.ReadWriteProperty
 
@@ -38,6 +39,9 @@ open class SimpleRangeView @JvmOverloads constructor(
 
     var labelColor by updatePaintsAndRedraw(DEFAULT_LABEL_COLOR)
     var activeLabelColor by updatePaintsAndRedraw(DEFAULT_ACTIVE_LABEL_COLOR)
+    var activeLineColorMode by updatePaintsAndRedraw(DEFAULT_LINE_COLOR_MODE)
+    var activeLineGradientStart by updatePaintsAndRedraw(DEFAULT_LINE_COLOR)
+    var activeLineGradientEnd by updatePaintsAndRedraw(DEFAULT_LINE_COLOR)
     var activeThumbLabelColor by updatePaintsAndRedraw(DEFAULT_ACTIVE_THUMB_LABEL_COLOR)
     var fixedLabelColor by updatePaintsAndRedraw(DEFAULT_FIXED_LABEL_COLOR)
     var fixedThumbLabelColor by updatePaintsAndRedraw(DEFAULT_FIXED_THUMB_LABEL_COLOR)
@@ -99,20 +103,20 @@ open class SimpleRangeView @JvmOverloads constructor(
 
     // Internal
 
-    lateinit private var paint: Paint
-    lateinit private var paintFixed: Paint
-    lateinit private var paintActive: Paint
-    lateinit private var paintTick: Paint
-    lateinit private var paintFixedTick: Paint
-    lateinit private var paintActiveTick: Paint
-    lateinit private var paintActiveThumb: Paint
-    lateinit private var paintFixedThumb: Paint
-    lateinit private var paintActiveFocusThumb: Paint
-    lateinit private var paintText: Paint
-    lateinit private var paintActiveText: Paint
-    lateinit private var paintFixedText: Paint
-    lateinit private var paintActiveThumbText: Paint
-    lateinit private var paintFixedThumbText: Paint
+    private lateinit var paint: Paint
+    private lateinit var paintFixed: Paint
+    private lateinit var paintActive: Paint
+    private lateinit var paintTick: Paint
+    private lateinit var paintFixedTick: Paint
+    private lateinit var paintActiveTick: Paint
+    private lateinit var paintActiveThumb: Paint
+    private lateinit var paintFixedThumb: Paint
+    private lateinit var paintActiveFocusThumb: Paint
+    private lateinit var paintText: Paint
+    private lateinit var paintActiveText: Paint
+    private lateinit var paintFixedText: Paint
+    private lateinit var paintActiveThumbText: Paint
+    private lateinit var paintFixedThumbText: Paint
 
     private var currentLeftFocusRadiusPx = ValueWrapper(0f)
     private var currentRightFocusRadiusPx = ValueWrapper(0f)
@@ -143,7 +147,10 @@ open class SimpleRangeView @JvmOverloads constructor(
             fixedThumbLabelColor = styledAttrs.getColor(R.styleable.SimpleRangeView_fixedThumbLabelColor, fixedThumbLabelColor)
 
             lineColor = styledAttrs.getColor(R.styleable.SimpleRangeView_lineColor, lineColor)
+            activeLineColorMode = styledAttrs.getInt(R.styleable.SimpleRangeView_activeLineColorMode, activeLineColorMode)
             activeLineColor = styledAttrs.getColor(R.styleable.SimpleRangeView_activeLineColor, activeLineColor)
+            activeLineGradientStart = styledAttrs.getColor(R.styleable.SimpleRangeView_activeLineGradientStart, activeLineGradientStart)
+            activeLineGradientEnd = styledAttrs.getColor(R.styleable.SimpleRangeView_activeLineGradientEnd, activeLineGradientEnd)
             fixedLineColor = styledAttrs.getColor(R.styleable.SimpleRangeView_fixedLineColor, fixedLineColor)
             tickColor = styledAttrs.getColor(R.styleable.SimpleRangeView_tickColor, tickColor)
             activeTickColor = styledAttrs.getColor(R.styleable.SimpleRangeView_activeTickColor, activeTickColor)
@@ -228,7 +235,6 @@ open class SimpleRangeView @JvmOverloads constructor(
 
         paintActive = Paint(Paint.ANTI_ALIAS_FLAG)
         paintActive.style = Paint.Style.FILL
-        paintActive.color = activeLineColor
 
         paintTick = Paint(Paint.ANTI_ALIAS_FLAG)
         paintTick.style = Paint.Style.FILL
@@ -417,6 +423,17 @@ open class SimpleRangeView @JvmOverloads constructor(
     }
 
     protected open fun drawActiveLine(canvas: Canvas, x: Float, y: Float, w: Float, h: Float) {
+        if (activeLineColorMode == ColorMode.SOLID) {
+            paintActive.color = activeLineColor
+        } else if (activeLineColorMode == ColorMode.GRADIENT) {
+            paintActive.shader = LinearGradient(
+                x, y, x + w, y + h,
+                activeLineGradientStart,
+                activeLineGradientEnd,
+                Shader.TileMode.MIRROR
+            )
+        }
+
         drawLine(canvas, x, y, w, h, paintActive)
     }
 
@@ -783,7 +800,10 @@ open class SimpleRangeView @JvmOverloads constructor(
         this.fixedLabelColor = state.fixedLabelColor
         this.fixedThumbLabelColor = state.fixedThumbLabelColor
         this.lineColor = state.lineColor
+        this.activeLineColorMode = state.activeLineColorMode
         this.activeLineColor = state.activeLineColor
+        this.activeLineGradientStart = state.activeLineGradientStart
+        this.activeLineGradientEnd = state.activeLineGradientEnd
         this.fixedLineColor = state.fixedLineColor
         this.tickColor = state.tickColor
         this.activeTickColor = state.activeTickColor
@@ -829,7 +849,10 @@ open class SimpleRangeView @JvmOverloads constructor(
         var fixedLabelColor: Int = 0
         var fixedThumbLabelColor: Int = 0
         var lineColor: Int = 0
+        var activeLineColorMode: Int = 0
         var activeLineColor: Int = 0
+        var activeLineGradientStart: Int = 0
+        var activeLineGradientEnd: Int = 0
         var fixedLineColor: Int = 0
         var tickColor: Int = 0
         var activeTickColor: Int = 0
@@ -870,55 +893,13 @@ open class SimpleRangeView @JvmOverloads constructor(
 
         internal constructor(superState: Parcelable) : super(superState)
 
-        private constructor(input: Parcel, classLoader: ClassLoader) : super(input, classLoader) {
-            this.labelColor = input.readInt()
-            this.activeLabelColor = input.readInt()
-            this.activeThumbLabelColor = input.readInt()
-            this.fixedLabelColor = input.readInt()
-            this.fixedThumbLabelColor = input.readInt()
-
-            this.lineColor = input.readInt()
-            this.activeLineColor = input.readInt()
-            this.fixedLineColor = input.readInt()
-            this.tickColor = input.readInt()
-            this.activeTickColor = input.readInt()
-            this.fixedTickColor = input.readInt()
-            this.activeThumbColor = input.readInt()
-            this.activeFocusThumbColor = input.readInt()
-            this.fixedThumbColor = input.readInt()
-
-            this.activeFocusThumbAlpha = input.readFloat()
-
-            this.lineThickness = input.readFloat()
-            this.activeLineThickness = input.readFloat()
-            this.fixedLineThickness = input.readFloat()
-            this.activeThumbRadius = input.readFloat()
-            this.activeThumbFocusRadius = input.readFloat()
-            this.fixedThumbRadius = input.readFloat()
-            this.tickRadius = input.readFloat()
-            this.activeTickRadius = input.readFloat()
-            this.fixedTickRadius = input.readFloat()
-            this.labelMarginBottom = input.readFloat()
-            this.labelFontSize = input.readFloat()
-            this.minDistanceBetweenLabels = input.readFloat()
-            this.innerRangePadding = input.readFloat()
-            this.innerRangePaddingLeft = input.readFloat()
-            this.innerRangePaddingRight = input.readFloat()
-
-            this.count = input.readInt()
-            this.startFixed = input.readInt()
-            this.endFixed = input.readInt()
-            this.start = input.readInt()
-            this.end = input.readInt()
-            this.minDistance = input.readInt()
-            this.maxDistance = input.readInt()
+        private constructor(input: Parcel) : super(input) {
+            readFromParcel(input)
+        }
 
-            this.movable = input.readInt() == 1
-            this.showFixedLine = input.readInt() == 1
-            this.showTicks = input.readInt() == 1
-            this.showActiveTicks = input.readInt() == 1
-            this.showFixedTicks = input.readInt() == 1
-            this.showLabels = input.readInt() == 1
+        @RequiresApi(Build.VERSION_CODES.N)
+        private constructor(input: Parcel, classLoader: ClassLoader?) : super(input, classLoader) {
+            readFromParcel(input)
         }
 
         override fun writeToParcel(output: Parcel, flags: Int) {
@@ -930,7 +911,10 @@ open class SimpleRangeView @JvmOverloads constructor(
             output.writeInt(this.fixedThumbLabelColor)
 
             output.writeInt(this.lineColor)
+            output.writeInt(this.activeLineColorMode)
             output.writeInt(this.activeLineColor)
+            output.writeInt(this.activeLineGradientStart)
+            output.writeInt(this.activeLineGradientEnd)
             output.writeInt(this.fixedLineColor)
             output.writeInt(this.tickColor)
             output.writeInt(this.activeTickColor)
@@ -973,11 +957,71 @@ open class SimpleRangeView @JvmOverloads constructor(
             output.writeInt(if (this.showLabels) 1 else 0)
         }
 
+        private fun readFromParcel(input: Parcel) {
+            this.labelColor = input.readInt()
+            this.activeLabelColor = input.readInt()
+            this.activeThumbLabelColor = input.readInt()
+            this.fixedLabelColor = input.readInt()
+            this.fixedThumbLabelColor = input.readInt()
+
+            this.lineColor = input.readInt()
+            this.activeLineColorMode = input.readInt()
+            this.activeLineColor = input.readInt()
+            this.activeLineGradientStart = input.readInt()
+            this.activeLineGradientEnd = input.readInt()
+            this.fixedLineColor = input.readInt()
+            this.tickColor = input.readInt()
+            this.activeTickColor = input.readInt()
+            this.fixedTickColor = input.readInt()
+            this.activeThumbColor = input.readInt()
+            this.activeFocusThumbColor = input.readInt()
+            this.fixedThumbColor = input.readInt()
+
+            this.activeFocusThumbAlpha = input.readFloat()
+
+            this.lineThickness = input.readFloat()
+            this.activeLineThickness = input.readFloat()
+            this.fixedLineThickness = input.readFloat()
+            this.activeThumbRadius = input.readFloat()
+            this.activeThumbFocusRadius = input.readFloat()
+            this.fixedThumbRadius = input.readFloat()
+            this.tickRadius = input.readFloat()
+            this.activeTickRadius = input.readFloat()
+            this.fixedTickRadius = input.readFloat()
+            this.labelMarginBottom = input.readFloat()
+            this.labelFontSize = input.readFloat()
+            this.minDistanceBetweenLabels = input.readFloat()
+            this.innerRangePadding = input.readFloat()
+            this.innerRangePaddingLeft = input.readFloat()
+            this.innerRangePaddingRight = input.readFloat()
+
+            this.count = input.readInt()
+            this.startFixed = input.readInt()
+            this.endFixed = input.readInt()
+            this.start = input.readInt()
+            this.end = input.readInt()
+            this.minDistance = input.readInt()
+            this.maxDistance = input.readInt()
+
+            this.movable = input.readInt() == 1
+            this.showFixedLine = input.readInt() == 1
+            this.showTicks = input.readInt() == 1
+            this.showActiveTicks = input.readInt() == 1
+            this.showFixedTicks = input.readInt() == 1
+            this.showLabels = input.readInt() == 1
+        }
+
         companion object {
             @JvmField
             val CREATOR: Parcelable.ClassLoaderCreator<SavedState> = object : Parcelable.ClassLoaderCreator<SavedState> {
-                override fun createFromParcel(source: Parcel, loader: ClassLoader): SavedState = SavedState(source, loader)
-                override fun createFromParcel(input: Parcel): SavedState? = null
+                override fun createFromParcel(source: Parcel, loader: ClassLoader): SavedState {
+                    return if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
+                        SavedState(source, loader)
+                    } else {
+                        SavedState(source)
+                    }
+                }
+                override fun createFromParcel(input: Parcel): SavedState = SavedState(input)
                 override fun newArray(size: Int): Array<SavedState?> = arrayOfNulls(size)
             }
         }
@@ -1035,7 +1079,10 @@ open class SimpleRangeView @JvmOverloads constructor(
         private var fixedLabelColor: Int? = null
         private var fixedThumbLabelColor: Int? = null
         private var lineColor: Int? = null
+        private var activeLineColorMode: Int? = null
         private var activeLineColor: Int? = null
+        private var activeLineGradientStart: Int? = null
+        private var activeLineGradientEnd: Int? = null
         private var fixedLineColor: Int? = null
         private var tickColor: Int? = null
         private var activeTickColor: Int? = null
@@ -1112,11 +1159,26 @@ open class SimpleRangeView @JvmOverloads constructor(
             return this
         }
 
+        fun activeLineColorMode(colorMode: Int): Builder {
+            activeLineColorMode = colorMode
+            return this
+        }
+
         fun activeLineColor(color: Int): Builder {
             activeLineColor = color
             return this
         }
 
+        fun activeLineGradientStart(color: Int): Builder {
+            activeLineGradientStart = color
+            return this
+        }
+
+        fun activeLineGradientEnd(color: Int): Builder {
+            activeLineGradientEnd = color
+            return this
+        }
+
         fun fixedLineColor(color: Int): Builder {
             fixedLineColor = color
             return this
@@ -1336,6 +1398,9 @@ open class SimpleRangeView @JvmOverloads constructor(
             rangeView.fixedThumbLabelColor = fixedThumbLabelColor ?: rangeView.fixedThumbLabelColor
             rangeView.lineColor = lineColor ?: rangeView.lineColor
             rangeView.activeLineColor = activeLineColor ?: rangeView.activeLineColor
+            rangeView.activeLineColorMode = activeLineColorMode ?: rangeView.activeLineColorMode
+            rangeView.activeLineGradientStart = activeLineGradientStart ?: rangeView.activeLineGradientStart
+            rangeView.activeLineGradientEnd = activeLineGradientEnd ?: rangeView.activeLineGradientEnd
             rangeView.fixedLineColor = fixedLineColor ?: rangeView.fixedLineColor
             rangeView.tickColor = tickColor ?: rangeView.tickColor
             rangeView.activeTickColor = activeTickColor ?: rangeView.activeTickColor
@@ -1382,6 +1447,7 @@ open class SimpleRangeView @JvmOverloads constructor(
         val DEFAULT_FIXED_LABEL_COLOR = Color.parseColor("#C5C5C5")
         val DEFAULT_FIXED_THUMB_LABEL_COLOR = Color.parseColor("#C5C5C5")
 
+        const val DEFAULT_LINE_COLOR_MODE = ColorMode.SOLID
         val DEFAULT_LINE_COLOR = Color.parseColor("#F7F7F7")
         val DEFAULT_ACTIVE_LINE_COLOR = Color.parseColor("#0C6CE1")
         val DEFAULT_FIXED_LINE_COLOR = Color.parseColor("#E3E3E3")
@@ -1392,43 +1458,49 @@ open class SimpleRangeView @JvmOverloads constructor(
         val DEFAULT_ACTIVE_FOCUS_THUMB_COLOR = DEFAULT_ACTIVE_THUMB_COLOR
         val DEFAULT_FIXED_THUMB_COLOR = Color.parseColor("#E3E3E3")
 
-        val DEFAULT_ACTIVE_FOCUS_THUMB_ALPHA = 1f
+        const val DEFAULT_ACTIVE_FOCUS_THUMB_ALPHA = 1f
 
-        val DEFAULT_LINE_THICKNESS = 4f
-        val DEFAULT_ACTIVE_LINE_THICKNESS = 6f
-        val DEFAULT_FIXED_LINE_THICKNESS = 6f
+        const val DEFAULT_LINE_THICKNESS = 4f
+        const val DEFAULT_ACTIVE_LINE_THICKNESS = 6f
+        const val DEFAULT_FIXED_LINE_THICKNESS = 6f
 
-        val DEFAULT_ACTIVE_THUMB_FOCUS_RADIUS = 14f
-        val DEFAULT_ACTIVE_THUMB_RADIUS = 10f
-        val DEFAULT_FIXED_THUMB_RADIUS = 10f
+        const val DEFAULT_ACTIVE_THUMB_FOCUS_RADIUS = 14f
+        const val DEFAULT_ACTIVE_THUMB_RADIUS = 10f
+        const val DEFAULT_FIXED_THUMB_RADIUS = 10f
 
-        val DEFAULT_TICK_RADIUS = 1f
-        val DEFAULT_ACTIVE_TICK_RADIUS = 1f
-        val DEFAULT_FIXED_TICK_RADIUS = 1f
+        const val DEFAULT_TICK_RADIUS = 1f
+        const val DEFAULT_ACTIVE_TICK_RADIUS = 1f
+        const val DEFAULT_FIXED_TICK_RADIUS = 1f
 
-        val DEFAULT_INNER_RANGE_PADDING = 16f
-        val DEFAULT_INNER_RANGE_PADDING_LEFT = DEFAULT_INNER_RANGE_PADDING
-        val DEFAULT_INNER_RANGE_PADDING_RIGHT = DEFAULT_INNER_RANGE_PADDING
+        const val DEFAULT_INNER_RANGE_PADDING = 16f
+        const val DEFAULT_INNER_RANGE_PADDING_LEFT = DEFAULT_INNER_RANGE_PADDING
+        const val DEFAULT_INNER_RANGE_PADDING_RIGHT = DEFAULT_INNER_RANGE_PADDING
 
-        val DEFAULT_COUNT = 10
-        val DEFAULT_START = 0
-        val DEFAULT_END = DEFAULT_COUNT - 1
-        val DEFAULT_MINIMAL_DISTANCE = 1
-        val DEFAULT_MAXIMAL_DISTANCE = 0
+        const val DEFAULT_COUNT = 10
+        const val DEFAULT_START = 0
+        const val DEFAULT_END = DEFAULT_COUNT - 1
+        const val DEFAULT_MINIMAL_DISTANCE = 1
+        const val DEFAULT_MAXIMAL_DISTANCE = 0
 
-        val DEFAULT_START_FIXED = 0
-        val DEFAULT_END_FIXED = 0
+        const val DEFAULT_START_FIXED = 0
+        const val DEFAULT_END_FIXED = 0
 
-        val DEFAULT_SHOW_FIXED_LINE = false
-        val DEFAULT_MOVABLE = false
-        val DEFAULT_SHOW_TICKS = true
-        val DEFAULT_SHOW_ACTIVE_TICKS = true
-        val DEFAULT_SHOW_FIXED_TICKS = true
-        val DEFAULT_SHOW_LABELS = true
+        const val DEFAULT_SHOW_FIXED_LINE = false
+        const val DEFAULT_MOVABLE = false
+        const val DEFAULT_SHOW_TICKS = true
+        const val DEFAULT_SHOW_ACTIVE_TICKS = true
+        const val DEFAULT_SHOW_FIXED_TICKS = true
+        const val DEFAULT_SHOW_LABELS = true
 
-        val DEFAULT_LABEL_MARGIN_BOTTOM = 16f
-        val DEFAULT_MINIMAL_DISTANCE_BETWEEN_LABELS = 20f // TODO
+        const val DEFAULT_LABEL_MARGIN_BOTTOM = 16f
+        const val DEFAULT_MINIMAL_DISTANCE_BETWEEN_LABELS = 20f // TODO
 
-        val DEFAULT_LABEL_FONT_SIZE = 12f
+        const val DEFAULT_LABEL_FONT_SIZE = 12f
     }
-}
\ No newline at end of file
+
+    object ColorMode {
+        const val SOLID = 0
+        const val GRADIENT = 1
+    }
+}
+
diff --git a/simplerangeview/src/main/res/values/attrs_rangeview.xml b/simplerangeview/src/main/res/values/attrs_rangeview.xml
index 17c70c8..f2b41e2 100644
--- a/simplerangeview/src/main/res/values/attrs_rangeview.xml
+++ b/simplerangeview/src/main/res/values/attrs_rangeview.xml
@@ -2,7 +2,13 @@
 <resources>
     <declare-styleable name="SimpleRangeView">
         <attr name="lineColor" format="color" />
+        <attr name="activeLineColorMode" format="enum" >
+            <enum name="solid" value="0" />
+            <enum name="gradient" value="1" />
+        </attr>
         <attr name="activeLineColor" format="color" />
+        <attr name="activeLineGradientStart" format="color" />
+        <attr name="activeLineGradientEnd" format="color" />
         <attr name="fixedLineColor" format="color" />
         <attr name="tickColor" format="color" />
         <attr name="activeTickColor" format="color" />