#CEC1C2 - #FFECCF | 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 #CEC1C2 to #FFECCF

#CEC1C2 #FFECCF

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

#CEC1C2 - #FFECCF | 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 #CEC1C2 as 0% and #FFECCF as 100%.

0.0%	0.0% #CEC1C2	RGB 206 193 194	#CEC1C2
16.7%	16.7% #D6C8C4	RGB 214 200 196	#D6C8C4
33.3%	33.3% #DECFC6	RGB 222 207 198	#DECFC6
50.0%	50.0% #E6D6C8	RGB 230 214 200	#E6D6C8
66.7%	66.7% #EEDDCA	RGB 238 221 202	#EEDDCA
83.3%	83.3% #F6E4CC	RGB 246 228 204	#F6E4CC
100.0%	100.0% #FFECCF	RGB 255 236 207	#FFECCF

#CEC1C2 #D6C8C4 #DECFC6 #E6D6C8 #EEDDCA #F6E4CC #FFECCF

#CEC1C2 - #FFECCF

HSV Blend

#CEC1C2 - #FFECCF | 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 #CEC1C2 as 0% and #FFECCF as 100%.

0.0%	0.0% #CEC1C2	RGB 206 193 194	#CEC1C2
16.7%	16.7% #D6C4C4	RGB 214 196 196	#D6C4C4
33.3%	33.3% #DECAC7	RGB 222 202 199	#DECAC7
50.0%	50.0% #E6D1C9	RGB 230 209 201	#E6D1C9
66.7%	66.7% #EED8CB	RGB 238 216 203	#EED8CB
83.3%	83.3% #F6E1CD	RGB 246 225 205	#F6E1CD
100.0%	100.0% #FFECCF	RGB 255 236 207	#FFECCF

#CEC1C2 #D6C4C4 #DECAC7 #E6D1C9 #EED8CB #F6E1CD #FFECCF

#CEC1C2 - #E6D1C9 - #FFECCF

CSS codes

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

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