#C0A8F7 - #8051E7 | 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 #C0A8F7 to #8051E7

#C0A8F7 #8051E7

Calculate the color between two colors, #C0A8F7 and #8051E7. 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)

#C0A8F7 - #8051E7 | 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 #C0A8F7 as 0% and #8051E7 as 100%.

0.0%	0.0% #C0A8F7	RGB 192 168 247	#C0A8F7
16.7%	16.7% #B599F4	RGB 181 153 244	#B599F4
33.3%	33.3% #AA8BF1	RGB 170 139 241	#AA8BF1
50.0%	50.0% #A07CEF	RGB 160 124 239	#A07CEF
66.7%	66.7% #956EEC	RGB 149 110 236	#956EEC
83.3%	83.3% #8A5FE9	RGB 138 95 233	#8A5FE9
100.0%	100.0% #8051E7	RGB 128 81 231	#8051E7

#C0A8F7 #B599F4 #AA8BF1 #A07CEF #956EEC #8A5FE9 #8051E7

#C0A8F7 - #8051E7

HSV Blend

#C0A8F7 - #8051E7 | 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 #C0A8F7 as 0% and #8051E7 as 100%.

0.0%	0.0% #C0A8F7	RGB 192 168 247	#C0A8F7
16.7%	16.7% #B498F4	RGB 180 152 244	#B498F4
33.3%	33.3% #A989F1	RGB 169 137 241	#A989F1
50.0%	50.0% #9E7BEF	RGB 158 123 239	#9E7BEF
66.7%	66.7% #946CEC	RGB 148 108 236	#946CEC
83.3%	83.3% #8A5EE9	RGB 138 94 233	#8A5EE9
100.0%	100.0% #8051E7	RGB 128 81 231	#8051E7

#C0A8F7 #B498F4 #A989F1 #9E7BEF #946CEC #8A5EE9 #8051E7

#C0A8F7 - #9E7BEF - #8051E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0A8F7 0%, #9E7BEF 50%, #8051E7 100%);
    background: -webkit-linear-gradient(top, #C0A8F7 0%, #9E7BEF 50%, #8051E7 100%);
    background: linear-gradient(to bottom, #C0A8F7 0%, #9E7BEF 50%, #8051E7 100%);
}
</style>