#C8C0F6 - #FFEEE9 | 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 #C8C0F6 to #FFEEE9

#C8C0F6 #FFEEE9

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

#C8C0F6 - #FFEEE9 | 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 #C8C0F6 as 0% and #FFEEE9 as 100%.

0.0%	0.0% #C8C0F6	RGB 200 192 246	#C8C0F6
16.7%	16.7% #D1C7F3	RGB 209 199 243	#D1C7F3
33.3%	33.3% #DACFF1	RGB 218 207 241	#DACFF1
50.0%	50.0% #E3D7EF	RGB 227 215 239	#E3D7EF
66.7%	66.7% #ECDEED	RGB 236 222 237	#ECDEED
83.3%	83.3% #F5E6EB	RGB 245 230 235	#F5E6EB
100.0%	100.0% #FFEEE9	RGB 255 238 233	#FFEEE9

#C8C0F6 #D1C7F3 #DACFF1 #E3D7EF #ECDEED #F5E6EB #FFEEE9

#C8C0F6 - #FFEEE9

HSV Blend

#C8C0F6 - #FFEEE9 | 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 #C8C0F6 as 0% and #FFEEE9 as 100%.

0.0%	0.0% #C8C0F6	RGB 200 192 246	#C8C0F6
16.7%	16.7% #DEC6F7	RGB 222 198 247	#DEC6F7
33.3%	33.3% #F2CDF9	RGB 242 205 249	#F2CDF9
50.0%	50.0% #FAD4F3	RGB 250 212 243	#FAD4F3
66.7%	66.7% #FCDBEA	RGB 252 219 234	#FCDBEA
83.3%	83.3% #FDE2E5	RGB 253 226 229	#FDE2E5
100.0%	100.0% #FFEEE9	RGB 255 238 233	#FFEEE9

#C8C0F6 #DEC6F7 #F2CDF9 #FAD4F3 #FCDBEA #FDE2E5 #FFEEE9

#C8C0F6 - #FAD4F3 - #FFEEE9

CSS codes

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

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