#DFD8CE - #CCB27E | 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 #DFD8CE to #CCB27E

#DFD8CE #CCB27E

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

#DFD8CE - #CCB27E | 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 #DFD8CE as 0% and #CCB27E as 100%.

0.0%	0.0% #DFD8CE	RGB 223 216 206	#DFD8CE
16.7%	16.7% #DBD1C0	RGB 219 209 192	#DBD1C0
33.3%	33.3% #D8CBB3	RGB 216 203 179	#D8CBB3
50.0%	50.0% #D5C5A6	RGB 213 197 166	#D5C5A6
66.7%	66.7% #D2BE98	RGB 210 190 152	#D2BE98
83.3%	83.3% #CFB88B	RGB 207 184 139	#CFB88B
100.0%	100.0% #CCB27E	RGB 204 178 126	#CCB27E

#DFD8CE #DBD1C0 #D8CBB3 #D5C5A6 #D2BE98 #CFB88B #CCB27E

#DFD8CE - #CCB27E

HSV Blend

#DFD8CE - #CCB27E | 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 #DFD8CE as 0% and #CCB27E as 100%.

0.0%	0.0% #DFD8CE	RGB 223 216 206	#DFD8CE
16.7%	16.7% #DBD0BF	RGB 219 208 191	#DBD0BF
33.3%	33.3% #D8C9B2	RGB 216 201 178	#D8C9B2
50.0%	50.0% #D5C3A4	RGB 213 195 164	#D5C3A4
66.7%	66.7% #D2BD97	RGB 210 189 151	#D2BD97
83.3%	83.3% #CFB78A	RGB 207 183 138	#CFB78A
100.0%	100.0% #CCB27E	RGB 204 178 126	#CCB27E

#DFD8CE #DBD0BF #D8C9B2 #D5C3A4 #D2BD97 #CFB78A #CCB27E

#DFD8CE - #D5C3A4 - #CCB27E

CSS codes

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

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