#CEC0CB - #FFE3D9 | 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 #CEC0CB to #FFE3D9

#CEC0CB #FFE3D9

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

#CEC0CB - #FFE3D9 | 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 #CEC0CB as 0% and #FFE3D9 as 100%.

0.0%	0.0% #CEC0CB	RGB 206 192 203	#CEC0CB
16.7%	16.7% #D6C5CD	RGB 214 197 205	#D6C5CD
33.3%	33.3% #DECBCF	RGB 222 203 207	#DECBCF
50.0%	50.0% #E6D1D2	RGB 230 209 210	#E6D1D2
66.7%	66.7% #EED7D4	RGB 238 215 212	#EED7D4
83.3%	83.3% #F6DDD6	RGB 246 221 214	#F6DDD6
100.0%	100.0% #FFE3D9	RGB 255 227 217	#FFE3D9

#CEC0CB #D6C5CD #DECBCF #E6D1D2 #EED7D4 #F6DDD6 #FFE3D9

#CEC0CB - #FFE3D9

HSV Blend

#CEC0CB - #FFE3D9 | 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 #CEC0CB as 0% and #FFE3D9 as 100%.

0.0%	0.0% #CEC0CB	RGB 206 192 203	#CEC0CB
16.7%	16.7% #D6C4CF	RGB 214 196 207	#D6C4CF
33.3%	33.3% #DEC9D2	RGB 222 201 210	#DEC9D2
50.0%	50.0% #E6CDD4	RGB 230 205 212	#E6CDD4
66.7%	66.7% #EED1D4	RGB 238 209 212	#EED1D4
83.3%	83.3% #F6D8D5	RGB 246 216 213	#F6D8D5
100.0%	100.0% #FFE3D9	RGB 255 227 217	#FFE3D9

#CEC0CB #D6C4CF #DEC9D2 #E6CDD4 #EED1D4 #F6D8D5 #FFE3D9

#CEC0CB - #E6CDD4 - #FFE3D9

CSS codes

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

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