#EDCDA8 - #BA8250 | 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 #EDCDA8 to #BA8250

#EDCDA8 #BA8250

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

#EDCDA8 - #BA8250 | 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 #EDCDA8 as 0% and #BA8250 as 100%.

0.0%	0.0% #EDCDA8	RGB 237 205 168	#EDCDA8
16.7%	16.7% #E4C099	RGB 228 192 153	#E4C099
33.3%	33.3% #DCB48A	RGB 220 180 138	#DCB48A
50.0%	50.0% #D3A77C	RGB 211 167 124	#D3A77C
66.7%	66.7% #CB9B6D	RGB 203 155 109	#CB9B6D
83.3%	83.3% #C28E5E	RGB 194 142 94	#C28E5E
100.0%	100.0% #BA8250	RGB 186 130 80	#BA8250

#EDCDA8 #E4C099 #DCB48A #D3A77C #CB9B6D #C28E5E #BA8250

#EDCDA8 - #BA8250

HSV Blend

#EDCDA8 - #BA8250 | 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 #EDCDA8 as 0% and #BA8250 as 100%.

0.0%	0.0% #EDCDA8	RGB 237 205 168	#EDCDA8
16.7%	16.7% #E4BF97	RGB 228 191 151	#E4BF97
33.3%	33.3% #DCB287	RGB 220 178 135	#DCB287
50.0%	50.0% #D3A678	RGB 211 166 120	#D3A678
66.7%	66.7% #CB996A	RGB 203 153 106	#CB996A
83.3%	83.3% #C28D5C	RGB 194 141 92	#C28D5C
100.0%	100.0% #BA8250	RGB 186 130 80	#BA8250

#EDCDA8 #E4BF97 #DCB287 #D3A678 #CB996A #C28D5C #BA8250

#EDCDA8 - #D3A678 - #BA8250

CSS codes

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

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