#ECEB3A - #C5CF00 | 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 #ECEB3A to #C5CF00

#ECEB3A #C5CF00

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

#ECEB3A - #C5CF00 | 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 #ECEB3A as 0% and #C5CF00 as 100%.

0.0%	0.0% #ECEB3A	RGB 236 235 58	#ECEB3A
16.7%	16.7% #E5E630	RGB 229 230 48	#E5E630
33.3%	33.3% #DFE126	RGB 223 225 38	#DFE126
50.0%	50.0% #D8DD1D	RGB 216 221 29	#D8DD1D
66.7%	66.7% #D2D813	RGB 210 216 19	#D2D813
83.3%	83.3% #CBD309	RGB 203 211 9	#CBD309
100.0%	100.0% #C5CF00	RGB 197 207 0	#C5CF00

#ECEB3A #E5E630 #DFE126 #D8DD1D #D2D813 #CBD309 #C5CF00

#ECEB3A - #C5CF00

HSV Blend

#ECEB3A - #C5CF00 | 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 #ECEB3A as 0% and #C5CF00 as 100%.

0.0%	0.0% #ECEB3A	RGB 236 235 58	#ECEB3A
16.7%	16.7% #E6E72F	RGB 230 231 47	#E6E72F
33.3%	33.3% #DFE225	RGB 223 226 37	#DFE225
50.0%	50.0% #D9DD1B	RGB 217 221 27	#D9DD1B
66.7%	66.7% #D2D811	RGB 210 216 17	#D2D811
83.3%	83.3% #CBD308	RGB 203 211 8	#CBD308
100.0%	100.0% #C5CF00	RGB 197 207 0	#C5CF00

#ECEB3A #E6E72F #DFE225 #D9DD1B #D2D811 #CBD308 #C5CF00

#ECEB3A - #D9DD1B - #C5CF00

CSS codes

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

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