#ECBD3A - #C97D0E | 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 #ECBD3A to #C97D0E

#ECBD3A #C97D0E

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

#ECBD3A - #C97D0E | 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 #ECBD3A as 0% and #C97D0E as 100%.

0.0%	0.0% #ECBD3A	RGB 236 189 58	#ECBD3A
16.7%	16.7% #E6B232	RGB 230 178 50	#E6B232
33.3%	33.3% #E0A72B	RGB 224 167 43	#E0A72B
50.0%	50.0% #DA9D24	RGB 218 157 36	#DA9D24
66.7%	66.7% #D4921C	RGB 212 146 28	#D4921C
83.3%	83.3% #CE8715	RGB 206 135 21	#CE8715
100.0%	100.0% #C97D0E	RGB 201 125 14	#C97D0E

#ECBD3A #E6B232 #E0A72B #DA9D24 #D4921C #CE8715 #C97D0E

#ECBD3A - #C97D0E

HSV Blend

#ECBD3A - #C97D0E | 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 #ECBD3A as 0% and #C97D0E as 100%.

0.0%	0.0% #ECBD3A	RGB 236 189 58	#ECBD3A
16.7%	16.7% #E6B231	RGB 230 178 49	#E6B231
33.3%	33.3% #E0A729	RGB 224 167 41	#E0A729
50.0%	50.0% #DA9C22	RGB 218 156 34	#DA9C22
66.7%	66.7% #D4921B	RGB 212 146 27	#D4921B
83.3%	83.3% #CE8714	RGB 206 135 20	#CE8714
100.0%	100.0% #C97D0E	RGB 201 125 14	#C97D0E

#ECBD3A #E6B231 #E0A729 #DA9C22 #D4921B #CE8714 #C97D0E

#ECBD3A - #DA9C22 - #C97D0E

CSS codes

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

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