#CFCCB8 - #FFEDC9 | 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 #CFCCB8 to #FFEDC9

#CFCCB8 #FFEDC9

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

#CFCCB8 - #FFEDC9 | 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 #CFCCB8 as 0% and #FFEDC9 as 100%.

0.0%	0.0% #CFCCB8	RGB 207 204 184	#CFCCB8
16.7%	16.7% #D7D1BA	RGB 215 209 186	#D7D1BA
33.3%	33.3% #DFD7BD	RGB 223 215 189	#DFD7BD
50.0%	50.0% #E7DCC0	RGB 231 220 192	#E7DCC0
66.7%	66.7% #EFE2C3	RGB 239 226 195	#EFE2C3
83.3%	83.3% #F7E7C6	RGB 247 231 198	#F7E7C6
100.0%	100.0% #FFEDC9	RGB 255 237 201	#FFEDC9

#CFCCB8 #D7D1BA #DFD7BD #E7DCC0 #EFE2C3 #F7E7C6 #FFEDC9

#CFCCB8 - #FFEDC9

HSV Blend

#CFCCB8 - #FFEDC9 | 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 #CFCCB8 as 0% and #FFEDC9 as 100%.

0.0%	0.0% #CFCCB8	RGB 207 204 184	#CFCCB8
16.7%	16.7% #D7D2BB	RGB 215 210 187	#D7D2BB
33.3%	33.3% #DFD8BE	RGB 223 216 190	#DFD8BE
50.0%	50.0% #E7DEC1	RGB 231 222 193	#E7DEC1
66.7%	66.7% #EFE3C4	RGB 239 227 196	#EFE3C4
83.3%	83.3% #F7E8C6	RGB 247 232 198	#F7E8C6
100.0%	100.0% #FFEDC9	RGB 255 237 201	#FFEDC9

#CFCCB8 #D7D2BB #DFD8BE #E7DEC1 #EFE3C4 #F7E8C6 #FFEDC9

#CFCCB8 - #E7DEC1 - #FFEDC9

CSS codes

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

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