#CCB6C2 - #FFECD6 | 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 #CCB6C2 to #FFECD6

#CCB6C2 #FFECD6

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

#CCB6C2 - #FFECD6 | 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 #CCB6C2 as 0% and #FFECD6 as 100%.

0.0%	0.0% #CCB6C2	RGB 204 182 194	#CCB6C2
16.7%	16.7% #D4BFC5	RGB 212 191 197	#D4BFC5
33.3%	33.3% #DDC8C8	RGB 221 200 200	#DDC8C8
50.0%	50.0% #E5D1CC	RGB 229 209 204	#E5D1CC
66.7%	66.7% #EEDACF	RGB 238 218 207	#EEDACF
83.3%	83.3% #F6E3D2	RGB 246 227 210	#F6E3D2
100.0%	100.0% #FFECD6	RGB 255 236 214	#FFECD6

#CCB6C2 #D4BFC5 #DDC8C8 #E5D1CC #EEDACF #F6E3D2 #FFECD6

#CCB6C2 - #FFECD6

HSV Blend

#CCB6C2 - #FFECD6 | 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 #CCB6C2 as 0% and #FFECD6 as 100%.

0.0%	0.0% #CCB6C2	RGB 204 182 194	#CCB6C2
16.7%	16.7% #D4BBC4	RGB 212 187 196	#D4BBC4
33.3%	33.3% #DDC1C6	RGB 221 193 198	#DDC1C6
50.0%	50.0% #E5C6C6	RGB 229 198 198	#E5C6C6
66.7%	66.7% #EED1CB	RGB 238 209 203	#EED1CB
83.3%	83.3% #F6DED1	RGB 246 222 209	#F6DED1
100.0%	100.0% #FFECD6	RGB 255 236 214	#FFECD6

#CCB6C2 #D4BBC4 #DDC1C6 #E5C6C6 #EED1CB #F6DED1 #FFECD6

#CCB6C2 - #E5C6C6 - #FFECD6

CSS codes

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

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