#C8C5EF - #FFEEE4 | 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 #C8C5EF to #FFEEE4

#C8C5EF #FFEEE4

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

#C8C5EF - #FFEEE4 | 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 #C8C5EF as 0% and #FFEEE4 as 100%.

0.0%	0.0% #C8C5EF	RGB 200 197 239	#C8C5EF
16.7%	16.7% #D1CBED	RGB 209 203 237	#D1CBED
33.3%	33.3% #DAD2EB	RGB 218 210 235	#DAD2EB
50.0%	50.0% #E3D9E9	RGB 227 217 233	#E3D9E9
66.7%	66.7% #ECE0E7	RGB 236 224 231	#ECE0E7
83.3%	83.3% #F5E7E5	RGB 245 231 229	#F5E7E5
100.0%	100.0% #FFEEE4	RGB 255 238 228	#FFEEE4

#C8C5EF #D1CBED #DAD2EB #E3D9E9 #ECE0E7 #F5E7E5 #FFEEE4

#C8C5EF - #FFEEE4

HSV Blend

#C8C5EF - #FFEEE4 | 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 #C8C5EF as 0% and #FFEEE4 as 100%.

0.0%	0.0% #C8C5EF	RGB 200 197 239	#C8C5EF
16.7%	16.7% #DCCAF1	RGB 220 202 241	#DCCAF1
33.3%	33.3% #EECFF4	RGB 238 207 244	#EECFF4
50.0%	50.0% #F7D4EF	RGB 247 212 239	#F7D4EF
66.7%	66.7% #F9D9E6	RGB 249 217 230	#F9D9E6
83.3%	83.3% #FCDEDF	RGB 252 222 223	#FCDEDF
100.0%	100.0% #FFEEE4	RGB 255 238 228	#FFEEE4

#C8C5EF #DCCAF1 #EECFF4 #F7D4EF #F9D9E6 #FCDEDF #FFEEE4

#C8C5EF - #F7D4EF - #FFEEE4

CSS codes

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

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