#ECE512 - #C3A50B | 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 #ECE512 to #C3A50B

#ECE512 #C3A50B

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

#ECE512 - #C3A50B | 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 #ECE512 as 0% and #C3A50B as 100%.

0.0%	0.0% #ECE512	RGB 236 229 18	#ECE512
16.7%	16.7% #E5DA10	RGB 229 218 16	#E5DA10
33.3%	33.3% #DECF0F	RGB 222 207 15	#DECF0F
50.0%	50.0% #D7C50E	RGB 215 197 14	#D7C50E
66.7%	66.7% #D0BA0D	RGB 208 186 13	#D0BA0D
83.3%	83.3% #C9AF0C	RGB 201 175 12	#C9AF0C
100.0%	100.0% #C3A50B	RGB 195 165 11	#C3A50B

#ECE512 #E5DA10 #DECF0F #D7C50E #D0BA0D #C9AF0C #C3A50B

#ECE512 - #C3A50B

HSV Blend

#ECE512 - #C3A50B | 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 #ECE512 as 0% and #C3A50B as 100%.

0.0%	0.0% #ECE511	RGB 236 229 17	#ECE511
16.7%	16.7% #E5D910	RGB 229 217 16	#E5D910
33.3%	33.3% #DECE0F	RGB 222 206 15	#DECE0F
50.0%	50.0% #D7C30E	RGB 215 195 14	#D7C30E
66.7%	66.7% #D0B90D	RGB 208 185 13	#D0B90D
83.3%	83.3% #C9AF0C	RGB 201 175 12	#C9AF0C
100.0%	100.0% #C3A50B	RGB 195 165 11	#C3A50B

#ECE511 #E5D910 #DECE0F #D7C30E #D0B90D #C9AF0C #C3A50B

#ECE512 - #D7C30E - #C3A50B

CSS codes

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

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