#CEC4CD - #FFF3E3 | 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 #CEC4CD to #FFF3E3

#CEC4CD #FFF3E3

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

#CEC4CD - #FFF3E3 | 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 #CEC4CD as 0% and #FFF3E3 as 100%.

0.0%	0.0% #CEC4CD	RGB 206 196 205	#CEC4CD
16.7%	16.7% #D6CBD0	RGB 214 203 208	#D6CBD0
33.3%	33.3% #DED3D4	RGB 222 211 212	#DED3D4
50.0%	50.0% #E6DBD8	RGB 230 219 216	#E6DBD8
66.7%	66.7% #EEE3DB	RGB 238 227 219	#EEE3DB
83.3%	83.3% #F6EBDF	RGB 246 235 223	#F6EBDF
100.0%	100.0% #FFF3E3	RGB 255 243 227	#FFF3E3

#CEC4CD #D6CBD0 #DED3D4 #E6DBD8 #EEE3DB #F6EBDF #FFF3E3

#CEC4CD - #FFF3E3

HSV Blend

#CEC4CD - #FFF3E3 | 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 #CEC4CD as 0% and #FFF3E3 as 100%.

0.0%	0.0% #CEC4CD	RGB 206 196 205	#CEC4CD
16.7%	16.7% #D6C9D1	RGB 214 201 209	#D6C9D1
33.3%	33.3% #DECFD5	RGB 222 207 213	#DECFD5
50.0%	50.0% #E6D4D7	RGB 230 212 215	#E6D4D7
66.7%	66.7% #EEDBD9	RGB 238 219 217	#EEDBD9
83.3%	83.3% #F6E6DE	RGB 246 230 222	#F6E6DE
100.0%	100.0% #FFF3E3	RGB 255 243 227	#FFF3E3

#CEC4CD #D6C9D1 #DECFD5 #E6D4D7 #EEDBD9 #F6E6DE #FFF3E3

#CEC4CD - #E6D4D7 - #FFF3E3

CSS codes

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

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