#C8A2FF - #FEE7F5 | 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 #C8A2FF to #FEE7F5

#C8A2FF #FEE7F5

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

#C8A2FF - #FEE7F5 | 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 #C8A2FF as 0% and #FEE7F5 as 100%.

0.0%	0.0% #C8A2FF	RGB 200 162 255	#C8A2FF
16.7%	16.7% #D1ADFD	RGB 209 173 253	#D1ADFD
33.3%	33.3% #DAB9FB	RGB 218 185 251	#DAB9FB
50.0%	50.0% #E3C4FA	RGB 227 196 250	#E3C4FA
66.7%	66.7% #ECD0F8	RGB 236 208 248	#ECD0F8
83.3%	83.3% #F5DBF6	RGB 245 219 246	#F5DBF6
100.0%	100.0% #FEE7F5	RGB 254 231 245	#FEE7F5

#C8A2FF #D1ADFD #DAB9FB #E3C4FA #ECD0F8 #F5DBF6 #FEE7F5

#C8A2FF - #FEE7F5

HSV Blend

#C8A2FF - #FEE7F5 | 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 #C8A2FF as 0% and #FEE7F5 as 100%.

0.0%	0.0% #C8A2FF	RGB 200 162 255	#C8A2FF
16.7%	16.7% #DCADFE	RGB 220 173 254	#DCADFE
33.3%	33.3% #ECB9FE	RGB 236 185 254	#ECB9FE
50.0%	50.0% #F8C4FE	RGB 248 196 254	#F8C4FE
66.7%	66.7% #FED0FB	RGB 254 208 251	#FED0FB
83.3%	83.3% #FEDBF6	RGB 254 219 246	#FEDBF6
100.0%	100.0% #FEE7F5	RGB 254 231 245	#FEE7F5

#C8A2FF #DCADFE #ECB9FE #F8C4FE #FED0FB #FEDBF6 #FEE7F5

#C8A2FF - #F8C4FE - #FEE7F5

CSS codes

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

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