#EDBC5E - #C59E1C | 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 #EDBC5E to #C59E1C

#EDBC5E #C59E1C

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

#EDBC5E - #C59E1C | 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 #EDBC5E as 0% and #C59E1C as 100%.

0.0%	0.0% #EDBC5E	RGB 237 188 94	#EDBC5E
16.7%	16.7% #E6B753	RGB 230 183 83	#E6B753
33.3%	33.3% #DFB248	RGB 223 178 72	#DFB248
50.0%	50.0% #D9AD3D	RGB 217 173 61	#D9AD3D
66.7%	66.7% #D2A832	RGB 210 168 50	#D2A832
83.3%	83.3% #CBA327	RGB 203 163 39	#CBA327
100.0%	100.0% #C59E1C	RGB 197 158 28	#C59E1C

#EDBC5E #E6B753 #DFB248 #D9AD3D #D2A832 #CBA327 #C59E1C

#EDBC5E - #C59E1C

HSV Blend

#EDBC5E - #C59E1C | 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 #EDBC5E as 0% and #C59E1C as 100%.

0.0%	0.0% #EDBC5E	RGB 237 188 94	#EDBC5E
16.7%	16.7% #E6B651	RGB 230 182 81	#E6B651
33.3%	33.3% #DFB045	RGB 223 176 69	#DFB045
50.0%	50.0% #D9AB3A	RGB 217 171 58	#D9AB3A
66.7%	66.7% #D2A62F	RGB 210 166 47	#D2A62F
83.3%	83.3% #CBA225	RGB 203 162 37	#CBA225
100.0%	100.0% #C59E1C	RGB 197 158 28	#C59E1C

#EDBC5E #E6B651 #DFB045 #D9AB3A #D2A62F #CBA225 #C59E1C

#EDBC5E - #D9AB3A - #C59E1C

CSS codes

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

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