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

#D0CFB9 #FFEDC9

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

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

0.0%	0.0% #D0CFB9	RGB 208 207 185	#D0CFB9
16.7%	16.7% #D7D4BB	RGB 215 212 187	#D7D4BB
33.3%	33.3% #DFD9BE	RGB 223 217 190	#DFD9BE
50.0%	50.0% #E7DEC1	RGB 231 222 193	#E7DEC1
66.7%	66.7% #EFE3C3	RGB 239 227 195	#EFE3C3
83.3%	83.3% #F7E8C6	RGB 247 232 198	#F7E8C6
100.0%	100.0% #FFEDC9	RGB 255 237 201	#FFEDC9

#D0CFB9 #D7D4BB #DFD9BE #E7DEC1 #EFE3C3 #F7E8C6 #FFEDC9

#D0CFB9 - #FFEDC9

HSV Blend

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

0.0%	0.0% #D0CFB9	RGB 208 207 185	#D0CFB9
16.7%	16.7% #D7D5BC	RGB 215 213 188	#D7D5BC
33.3%	33.3% #DFDBBF	RGB 223 219 191	#DFDBBF
50.0%	50.0% #E7E0C2	RGB 231 224 194	#E7E0C2
66.7%	66.7% #EFE5C4	RGB 239 229 196	#EFE5C4
83.3%	83.3% #F7E9C6	RGB 247 233 198	#F7E9C6
100.0%	100.0% #FFEDC9	RGB 255 237 201	#FFEDC9

#D0CFB9 #D7D5BC #DFDBBF #E7E0C2 #EFE5C4 #F7E9C6 #FFEDC9

#D0CFB9 - #E7E0C2 - #FFEDC9

CSS codes

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

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