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

#CEC9B5 #FFEDC7

Calculate the color between two colors, #CEC9B5 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)

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

0.0%	0.0% #CEC9B5	RGB 206 201 181	#CEC9B5
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

#CEC9B5 #D6CFB8 #DED5BB #E6DBBE #EEE1C1 #F6E7C4 #FFEDC7

#CEC9B5 - #FFEDC7

HSV Blend

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

0.0%	0.0% #CEC9B5	RGB 206 201 181	#CEC9B5
16.7%	16.7% #D6CFB8	RGB 214 207 184	#D6CFB8
33.3%	33.3% #DED6BC	RGB 222 214 188	#DED6BC
50.0%	50.0% #E6DCBF	RGB 230 220 191	#E6DCBF
66.7%	66.7% #EEE2C2	RGB 238 226 194	#EEE2C2
83.3%	83.3% #F6E7C4	RGB 246 231 196	#F6E7C4
100.0%	100.0% #FFEDC7	RGB 255 237 199	#FFEDC7

#CEC9B5 #D6CFB8 #DED6BC #E6DCBF #EEE2C2 #F6E7C4 #FFEDC7

#CEC9B5 - #E6DCBF - #FFEDC7

CSS codes

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

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