#EDDBB5 - #D3A45F | 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 #EDDBB5 to #D3A45F

#EDDBB5 #D3A45F

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

#EDDBB5 - #D3A45F | 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 #EDDBB5 as 0% and #D3A45F as 100%.

0.0%	0.0% #EDDBB5	RGB 237 219 181	#EDDBB5
16.7%	16.7% #E8D1A6	RGB 232 209 166	#E8D1A6
33.3%	33.3% #E4C898	RGB 228 200 152	#E4C898
50.0%	50.0% #E0BF8A	RGB 224 191 138	#E0BF8A
66.7%	66.7% #DBB67B	RGB 219 182 123	#DBB67B
83.3%	83.3% #D7AD6D	RGB 215 173 109	#D7AD6D
100.0%	100.0% #D3A45F	RGB 211 164 95	#D3A45F

#EDDBB5 #E8D1A6 #E4C898 #E0BF8A #DBB67B #D7AD6D #D3A45F

#EDDBB5 - #D3A45F

HSV Blend

#EDDBB5 - #D3A45F | 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 #EDDBB5 as 0% and #D3A45F as 100%.

0.0%	0.0% #EDDBB5	RGB 237 219 181	#EDDBB5
16.7%	16.7% #E8D2A5	RGB 232 210 165	#E8D2A5
33.3%	33.3% #E4C996	RGB 228 201 150	#E4C996
50.0%	50.0% #E0C087	RGB 224 192 135	#E0C087
66.7%	66.7% #DBB679	RGB 219 182 121	#DBB679
83.3%	83.3% #D7AD6C	RGB 215 173 108	#D7AD6C
100.0%	100.0% #D3A45F	RGB 211 164 95	#D3A45F

#EDDBB5 #E8D2A5 #E4C996 #E0C087 #DBB679 #D7AD6C #D3A45F

#EDDBB5 - #E0C087 - #D3A45F

CSS codes

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

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