#C9A0EC - #EFE3F9 | 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 #C9A0EC to #EFE3F9

#C9A0EC #EFE3F9

Calculate the color between two colors, #C9A0EC and #EFE3F9. 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)

#C9A0EC - #EFE3F9 | 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 #C9A0EC as 0% and #EFE3F9 as 100%.

0.0%	0.0% #C9A0EC	RGB 201 160 236	#C9A0EC
16.7%	16.7% #CFABEE	RGB 207 171 238	#CFABEE
33.3%	33.3% #D5B6F0	RGB 213 182 240	#D5B6F0
50.0%	50.0% #DCC1F2	RGB 220 193 242	#DCC1F2
66.7%	66.7% #E2CCF4	RGB 226 204 244	#E2CCF4
83.3%	83.3% #E8D7F6	RGB 232 215 246	#E8D7F6
100.0%	100.0% #EFE3F9	RGB 239 227 249	#EFE3F9

#C9A0EC #CFABEE #D5B6F0 #DCC1F2 #E2CCF4 #E8D7F6 #EFE3F9

#C9A0EC - #EFE3F9

HSV Blend

#C9A0EC - #EFE3F9 | 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 #C9A0EC as 0% and #EFE3F9 as 100%.

0.0%	0.0% #C9A0EC	RGB 201 160 236	#C9A0EC
16.7%	16.7% #CFAAEE	RGB 207 170 238	#CFAAEE
33.3%	33.3% #D5B5F0	RGB 213 181 240	#D5B5F0
50.0%	50.0% #DBC0F2	RGB 219 192 242	#DBC0F2
66.7%	66.7% #E2CBF4	RGB 226 203 244	#E2CBF4
83.3%	83.3% #E8D7F6	RGB 232 215 246	#E8D7F6
100.0%	100.0% #EFE3F9	RGB 239 227 249	#EFE3F9

#C9A0EC #CFAAEE #D5B5F0 #DBC0F2 #E2CBF4 #E8D7F6 #EFE3F9

#C9A0EC - #DBC0F2 - #EFE3F9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9A0EC 0%, #DBC0F2 50%, #EFE3F9 100%);
    background: -webkit-linear-gradient(top, #C9A0EC 0%, #DBC0F2 50%, #EFE3F9 100%);
    background: linear-gradient(to bottom, #C9A0EC 0%, #DBC0F2 50%, #EFE3F9 100%);
}
</style>