#EDBD5E - #C59F1C | 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 #EDBD5E to #C59F1C

#EDBD5E #C59F1C

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

#EDBD5E - #C59F1C | 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 #EDBD5E as 0% and #C59F1C as 100%.

0.0%	0.0% #EDBD5E	RGB 237 189 94	#EDBD5E
16.7%	16.7% #E6B853	RGB 230 184 83	#E6B853
33.3%	33.3% #DFB348	RGB 223 179 72	#DFB348
50.0%	50.0% #D9AE3D	RGB 217 174 61	#D9AE3D
66.7%	66.7% #D2A932	RGB 210 169 50	#D2A932
83.3%	83.3% #CBA427	RGB 203 164 39	#CBA427
100.0%	100.0% #C59F1C	RGB 197 159 28	#C59F1C

#EDBD5E #E6B853 #DFB348 #D9AE3D #D2A932 #CBA427 #C59F1C

#EDBD5E - #C59F1C

HSV Blend

#EDBD5E - #C59F1C | 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 #EDBD5E as 0% and #C59F1C as 100%.

0.0%	0.0% #EDBD5E	RGB 237 189 94	#EDBD5E
16.7%	16.7% #E6B751	RGB 230 183 81	#E6B751
33.3%	33.3% #DFB145	RGB 223 177 69	#DFB145
50.0%	50.0% #D9AC3A	RGB 217 172 58	#D9AC3A
66.7%	66.7% #D2A72F	RGB 210 167 47	#D2A72F
83.3%	83.3% #CBA325	RGB 203 163 37	#CBA325
100.0%	100.0% #C59F1C	RGB 197 159 28	#C59F1C

#EDBD5E #E6B751 #DFB145 #D9AC3A #D2A72F #CBA325 #C59F1C

#EDBD5E - #D9AC3A - #C59F1C

CSS codes

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

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