#A8ADF3 - #3A3DBB | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #A8ADF3 to #3A3DBB

#A8ADF3 #3A3DBB

Calculate the color between two colors, #A8ADF3 and #3A3DBB. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#A8ADF3 - #3A3DBB | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #A8ADF3 as 0% and #3A3DBB as 100%.

0.0%	0.0% #A8ADF3	RGB 168 173 243	#A8ADF3
16.7%	16.7% #959AE9	RGB 149 154 233	#959AE9
33.3%	33.3% #8387E0	RGB 131 135 224	#8387E0
50.0%	50.0% #7175D7	RGB 113 117 215	#7175D7
66.7%	66.7% #5E62CD	RGB 94 98 205	#5E62CD
83.3%	83.3% #4C4FC4	RGB 76 79 196	#4C4FC4
100.0%	100.0% #3A3DBB	RGB 58 61 187	#3A3DBB

#A8ADF3 #959AE9 #8387E0 #7175D7 #5E62CD #4C4FC4 #3A3DBB

#A8ADF3 - #3A3DBB

HSV Blend

#A8ADF3 - #3A3DBB | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #A8ADF3 as 0% and #3A3DBB as 100%.

0.0%	0.0% #A8ADF3	RGB 168 173 243	#A8ADF3
16.7%	16.7% #9297E9	RGB 146 151 233	#9297E9
33.3%	33.3% #7E83E0	RGB 126 131 224	#7E83E0
50.0%	50.0% #6B70D7	RGB 107 112 215	#6B70D7
66.7%	66.7% #595ECD	RGB 89 94 205	#595ECD
83.3%	83.3% #494DC4	RGB 73 77 196	#494DC4
100.0%	100.0% #3A3DBB	RGB 58 61 187	#3A3DBB

#A8ADF3 #9297E9 #7E83E0 #6B70D7 #595ECD #494DC4 #3A3DBB

#A8ADF3 - #6B70D7 - #3A3DBB

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #A8ADF3 0%, #3A3DBB 100%);
    background: -webkit-linear-gradient(top, #A8ADF3 0%, #3A3DBB 100%);
    background: linear-gradient(to bottom, #A8ADF3 0%, #3A3DBB 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ADF3 0%, #6B70D7 50%, #3A3DBB 100%);
    background: -webkit-linear-gradient(top, #A8ADF3 0%, #6B70D7 50%, #3A3DBB 100%);
    background: linear-gradient(to bottom, #A8ADF3 0%, #6B70D7 50%, #3A3DBB 100%);
}
</style>