#EDDBB7 - #D3A461 | 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 #EDDBB7 to #D3A461

#EDDBB7 #D3A461

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

#EDDBB7 - #D3A461 | 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 #EDDBB7 as 0% and #D3A461 as 100%.

0.0%	0.0% #EDDBB7	RGB 237 219 183	#EDDBB7
16.7%	16.7% #E8D1A8	RGB 232 209 168	#E8D1A8
33.3%	33.3% #E4C89A	RGB 228 200 154	#E4C89A
50.0%	50.0% #E0BF8C	RGB 224 191 140	#E0BF8C
66.7%	66.7% #DBB67D	RGB 219 182 125	#DBB67D
83.3%	83.3% #D7AD6F	RGB 215 173 111	#D7AD6F
100.0%	100.0% #D3A461	RGB 211 164 97	#D3A461

#EDDBB7 #E8D1A8 #E4C89A #E0BF8C #DBB67D #D7AD6F #D3A461

#EDDBB7 - #D3A461

HSV Blend

#EDDBB7 - #D3A461 | 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 #EDDBB7 as 0% and #D3A461 as 100%.

0.0%	0.0% #EDDBB7	RGB 237 219 183	#EDDBB7
16.7%	16.7% #E8D2A7	RGB 232 210 167	#E8D2A7
33.3%	33.3% #E4C998	RGB 228 201 152	#E4C998
50.0%	50.0% #E0BF89	RGB 224 191 137	#E0BF89
66.7%	66.7% #DBB67B	RGB 219 182 123	#DBB67B
83.3%	83.3% #D7AD6E	RGB 215 173 110	#D7AD6E
100.0%	100.0% #D3A461	RGB 211 164 97	#D3A461

#EDDBB7 #E8D2A7 #E4C998 #E0BF89 #DBB67B #D7AD6E #D3A461

#EDDBB7 - #E0BF89 - #D3A461

CSS codes

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

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