#C8CFF9 - #F2E9F0 | 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 #C8CFF9 to #F2E9F0

#C8CFF9 #F2E9F0

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

#C8CFF9 - #F2E9F0 | 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 #C8CFF9 as 0% and #F2E9F0 as 100%.

0.0%	0.0% #C8CFF9	RGB 200 207 249	#C8CFF9
16.7%	16.7% #CFD3F7	RGB 207 211 247	#CFD3F7
33.3%	33.3% #D6D7F6	RGB 214 215 246	#D6D7F6
50.0%	50.0% #DDDCF4	RGB 221 220 244	#DDDCF4
66.7%	66.7% #E4E0F3	RGB 228 224 243	#E4E0F3
83.3%	83.3% #EBE4F1	RGB 235 228 241	#EBE4F1
100.0%	100.0% #F2E9F0	RGB 242 233 240	#F2E9F0

#C8CFF9 #CFD3F7 #D6D7F6 #DDDCF4 #E4E0F3 #EBE4F1 #F2E9F0

#C8CFF9 - #F2E9F0

HSV Blend

#C8CFF9 - #F2E9F0 | 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 #C8CFF9 as 0% and #F2E9F0 as 100%.

0.0%	0.0% #C8CFF9	RGB 200 207 249	#C8CFF9
16.7%	16.7% #D1CDF7	RGB 209 205 247	#D1CDF7
33.3%	33.3% #DED3F6	RGB 222 211 246	#DED3F6
50.0%	50.0% #E8D8F5	RGB 232 216 245	#E8D8F5
66.7%	66.7% #EFDEF4	RGB 239 222 244	#EFDEF4
83.3%	83.3% #F3E3F3	RGB 243 227 243	#F3E3F3
100.0%	100.0% #F2E9F0	RGB 242 233 240	#F2E9F0

#C8CFF9 #D1CDF7 #DED3F6 #E8D8F5 #EFDEF4 #F3E3F3 #F2E9F0

#C8CFF9 - #E8D8F5 - #F2E9F0

CSS codes

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

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