#CECAB5 - #FFEDC7 | 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 #CECAB5 to #FFEDC7

#CECAB5 #FFEDC7

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

#CECAB5 - #FFEDC7 | 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 #CECAB5 as 0% and #FFEDC7 as 100%.

0.0%	0.0% #CECAB5	RGB 206 202 181	#CECAB5
16.7%	16.7% #D6CFB8	RGB 214 207 184	#D6CFB8
33.3%	33.3% #DED5BB	RGB 222 213 187	#DED5BB
50.0%	50.0% #E6DBBE	RGB 230 219 190	#E6DBBE
66.7%	66.7% #EEE1C1	RGB 238 225 193	#EEE1C1
83.3%	83.3% #F6E7C4	RGB 246 231 196	#F6E7C4
100.0%	100.0% #FFEDC7	RGB 255 237 199	#FFEDC7

#CECAB5 #D6CFB8 #DED5BB #E6DBBE #EEE1C1 #F6E7C4 #FFEDC7

#CECAB5 - #FFEDC7

HSV Blend

#CECAB5 - #FFEDC7 | 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 #CECAB5 as 0% and #FFEDC7 as 100%.

0.0%	0.0% #CECAB5	RGB 206 202 181	#CECAB5
16.7%	16.7% #D6D0B8	RGB 214 208 184	#D6D0B8
33.3%	33.3% #DED7BC	RGB 222 215 188	#DED7BC
50.0%	50.0% #E6DDBF	RGB 230 221 191	#E6DDBF
66.7%	66.7% #EEE2C2	RGB 238 226 194	#EEE2C2
83.3%	83.3% #F6E8C4	RGB 246 232 196	#F6E8C4
100.0%	100.0% #FFEDC7	RGB 255 237 199	#FFEDC7

#CECAB5 #D6D0B8 #DED7BC #E6DDBF #EEE2C2 #F6E8C4 #FFEDC7

#CECAB5 - #E6DDBF - #FFEDC7

CSS codes

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

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