#DED1CE - #AD8F7D | 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 #DED1CE to #AD8F7D

#DED1CE #AD8F7D

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

#DED1CE - #AD8F7D | 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 #DED1CE as 0% and #AD8F7D as 100%.

0.0%	0.0% #DED1CE	RGB 222 209 206	#DED1CE
16.7%	16.7% #D5C6C0	RGB 213 198 192	#D5C6C0
33.3%	33.3% #CDBBB3	RGB 205 187 179	#CDBBB3
50.0%	50.0% #C5B0A5	RGB 197 176 165	#C5B0A5
66.7%	66.7% #BDA598	RGB 189 165 152	#BDA598
83.3%	83.3% #B59A8A	RGB 181 154 138	#B59A8A
100.0%	100.0% #AD8F7D	RGB 173 143 125	#AD8F7D

#DED1CE #D5C6C0 #CDBBB3 #C5B0A5 #BDA598 #B59A8A #AD8F7D

#DED1CE - #AD8F7D

HSV Blend

#DED1CE - #AD8F7D | 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 #DED1CE as 0% and #AD8F7D as 100%.

0.0%	0.0% #DED1CE	RGB 222 209 206	#DED1CE
16.7%	16.7% #D5C4BF	RGB 213 196 191	#D5C4BF
33.3%	33.3% #CDB7B0	RGB 205 183 176	#CDB7B0
50.0%	50.0% #C5ACA2	RGB 197 172 162	#C5ACA2
66.7%	66.7% #BDA295	RGB 189 162 149	#BDA295
83.3%	83.3% #B59889	RGB 181 152 137	#B59889
100.0%	100.0% #AD8F7D	RGB 173 143 125	#AD8F7D

#DED1CE #D5C4BF #CDB7B0 #C5ACA2 #BDA295 #B59889 #AD8F7D

#DED1CE - #C5ACA2 - #AD8F7D

CSS codes

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

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