#EDE7E4 - #DBB999 | 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 #EDE7E4 to #DBB999

#EDE7E4 #DBB999

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

#EDE7E4 - #DBB999 | 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 #EDE7E4 as 0% and #DBB999 as 100%.

0.0%	0.0% #EDE7E4	RGB 237 231 228	#EDE7E4
16.7%	16.7% #EADFD7	RGB 234 223 215	#EADFD7
33.3%	33.3% #E7D7CB	RGB 231 215 203	#E7D7CB
50.0%	50.0% #E4D0BE	RGB 228 208 190	#E4D0BE
66.7%	66.7% #E1C8B2	RGB 225 200 178	#E1C8B2
83.3%	83.3% #DEC0A5	RGB 222 192 165	#DEC0A5
100.0%	100.0% #DBB999	RGB 219 185 153	#DBB999

#EDE7E4 #EADFD7 #E7D7CB #E4D0BE #E1C8B2 #DEC0A5 #DBB999

#EDE7E4 - #DBB999

HSV Blend

#EDE7E4 - #DBB999 | 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 #EDE7E4 as 0% and #DBB999 as 100%.

0.0%	0.0% #EDE7E4	RGB 237 231 228	#EDE7E4
16.7%	16.7% #EADDD6	RGB 234 221 214	#EADDD6
33.3%	33.3% #E7D5C9	RGB 231 213 201	#E7D5C9
50.0%	50.0% #E4CDBD	RGB 228 205 189	#E4CDBD
66.7%	66.7% #E1C5B0	RGB 225 197 176	#E1C5B0
83.3%	83.3% #DEBFA4	RGB 222 191 164	#DEBFA4
100.0%	100.0% #DBB999	RGB 219 185 153	#DBB999

#EDE7E4 #EADDD6 #E7D5C9 #E4CDBD #E1C5B0 #DEBFA4 #DBB999

#EDE7E4 - #E4CDBD - #DBB999

CSS codes

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

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