#8C8CF9 - #ABCAF7 | 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 #8C8CF9 to #ABCAF7

#8C8CF9 #ABCAF7

Calculate the color between two colors, #8C8CF9 and #ABCAF7. 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)

#8C8CF9 - #ABCAF7 | 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 #8C8CF9 as 0% and #ABCAF7 as 100%.

0.0%	0.0% #8C8CF9	RGB 140 140 249	#8C8CF9
16.7%	16.7% #9196F8	RGB 145 150 248	#9196F8
33.3%	33.3% #96A0F8	RGB 150 160 248	#96A0F8
50.0%	50.0% #9BABF8	RGB 155 171 248	#9BABF8
66.7%	66.7% #A0B5F7	RGB 160 181 247	#A0B5F7
83.3%	83.3% #A5BFF7	RGB 165 191 247	#A5BFF7
100.0%	100.0% #ABCAF7	RGB 171 202 247	#ABCAF7

#8C8CF9 #9196F8 #96A0F8 #9BABF8 #A0B5F7 #A5BFF7 #ABCAF7

#8C8CF9 - #ABCAF7

HSV Blend

#8C8CF9 - #ABCAF7 | 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 #8C8CF9 as 0% and #ABCAF7 as 100%.

0.0%	0.0% #8C8CF9	RGB 140 140 249	#8C8CF9
16.7%	16.7% #9198F8	RGB 145 152 248	#9198F8
33.3%	33.3% #96A3F8	RGB 150 163 248	#96A3F8
50.0%	50.0% #9BAEF8	RGB 155 174 248	#9BAEF8
66.7%	66.7% #A0B8F7	RGB 160 184 247	#A0B8F7
83.3%	83.3% #A5C1F7	RGB 165 193 247	#A5C1F7
100.0%	100.0% #ABCAF7	RGB 171 202 247	#ABCAF7

#8C8CF9 #9198F8 #96A3F8 #9BAEF8 #A0B8F7 #A5C1F7 #ABCAF7

#8C8CF9 - #9BAEF8 - #ABCAF7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8CF9 0%, #9BAEF8 50%, #ABCAF7 100%);
    background: -webkit-linear-gradient(top, #8C8CF9 0%, #9BAEF8 50%, #ABCAF7 100%);
    background: linear-gradient(to bottom, #8C8CF9 0%, #9BAEF8 50%, #ABCAF7 100%);
}
</style>