#DBD1CE - #C7997E | 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 #DBD1CE to #C7997E

#DBD1CE #C7997E

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

#DBD1CE - #C7997E | 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 #DBD1CE as 0% and #C7997E as 100%.

0.0%	0.0% #DBD1CE	RGB 219 209 206	#DBD1CE
16.7%	16.7% #D7C7C0	RGB 215 199 192	#D7C7C0
33.3%	33.3% #D4BEB3	RGB 212 190 179	#D4BEB3
50.0%	50.0% #D1B5A6	RGB 209 181 166	#D1B5A6
66.7%	66.7% #CDAB98	RGB 205 171 152	#CDAB98
83.3%	83.3% #CAA28B	RGB 202 162 139	#CAA28B
100.0%	100.0% #C7997E	RGB 199 153 126	#C7997E

#DBD1CE #D7C7C0 #D4BEB3 #D1B5A6 #CDAB98 #CAA28B #C7997E

#DBD1CE - #C7997E

HSV Blend

#DBD1CE - #C7997E | 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 #DBD1CE as 0% and #C7997E as 100%.

0.0%	0.0% #DBD1CE	RGB 219 209 206	#DBD1CE
16.7%	16.7% #D7C5BF	RGB 215 197 191	#D7C5BF
33.3%	33.3% #D4BBB1	RGB 212 187 177	#D4BBB1
50.0%	50.0% #D1B1A4	RGB 209 177 164	#D1B1A4
66.7%	66.7% #CDA897	RGB 205 168 151	#CDA897
83.3%	83.3% #CAA08A	RGB 202 160 138	#CAA08A
100.0%	100.0% #C7997E	RGB 199 153 126	#C7997E

#DBD1CE #D7C5BF #D4BBB1 #D1B1A4 #CDA897 #CAA08A #C7997E

#DBD1CE - #D1B1A4 - #C7997E

CSS codes

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

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