#C9C6E5 - #FFEEDD | 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 #C9C6E5 to #FFEEDD

#C9C6E5 #FFEEDD

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

#C9C6E5 - #FFEEDD | 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 #C9C6E5 as 0% and #FFEEDD as 100%.

0.0%	0.0% #C9C6E5	RGB 201 198 229	#C9C6E5
16.7%	16.7% #D2CCE3	RGB 210 204 227	#D2CCE3
33.3%	33.3% #DBD3E2	RGB 219 211 226	#DBD3E2
50.0%	50.0% #E4DAE1	RGB 228 218 225	#E4DAE1
66.7%	66.7% #EDE0DF	RGB 237 224 223	#EDE0DF
83.3%	83.3% #F6E7DE	RGB 246 231 222	#F6E7DE
100.0%	100.0% #FFEEDD	RGB 255 238 221	#FFEEDD

#C9C6E5 #D2CCE3 #DBD3E2 #E4DAE1 #EDE0DF #F6E7DE #FFEEDD

#C9C6E5 - #FFEEDD

HSV Blend

#C9C6E5 - #FFEEDD | 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 #C9C6E5 as 0% and #FFEEDD as 100%.

0.0%	0.0% #C9C6E5	RGB 201 198 229	#C9C6E5
16.7%	16.7% #D9C9E9	RGB 217 201 233	#D9C9E9
33.3%	33.3% #EACDED	RGB 234 205 237	#EACDED
50.0%	50.0% #F2D1E8	RGB 242 209 232	#F2D1E8
66.7%	66.7% #F6D5DF	RGB 246 213 223	#F6D5DF
83.3%	83.3% #FADCD9	RGB 250 220 217	#FADCD9
100.0%	100.0% #FFEEDD	RGB 255 238 221	#FFEEDD

#C9C6E5 #D9C9E9 #EACDED #F2D1E8 #F6D5DF #FADCD9 #FFEEDD

#C9C6E5 - #F2D1E8 - #FFEEDD

CSS codes

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

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