#ECDF84 - #CFB032 | 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 #ECDF84 to #CFB032

#ECDF84 #CFB032

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

#ECDF84 - #CFB032 | 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 #ECDF84 as 0% and #CFB032 as 100%.

0.0%	0.0% #ECDF84	RGB 236 223 132	#ECDF84
16.7%	16.7% #E7D776	RGB 231 215 118	#E7D776
33.3%	33.3% #E2CF68	RGB 226 207 104	#E2CF68
50.0%	50.0% #DDC75B	RGB 221 199 91	#DDC75B
66.7%	66.7% #D8BF4D	RGB 216 191 77	#D8BF4D
83.3%	83.3% #D3B73F	RGB 211 183 63	#D3B73F
100.0%	100.0% #CFB032	RGB 207 176 50	#CFB032

#ECDF84 #E7D776 #E2CF68 #DDC75B #D8BF4D #D3B73F #CFB032

#ECDF84 - #CFB032

HSV Blend

#ECDF84 - #CFB032 | 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 #ECDF84 as 0% and #CFB032 as 100%.

0.0%	0.0% #ECDF84	RGB 236 223 132	#ECDF84
16.7%	16.7% #E7D775	RGB 231 215 117	#E7D775
33.3%	33.3% #E2CF66	RGB 226 207 102	#E2CF66
50.0%	50.0% #DDC858	RGB 221 200 88	#DDC858
66.7%	66.7% #D8C04B	RGB 216 192 75	#D8C04B
83.3%	83.3% #D3B83E	RGB 211 184 62	#D3B83E
100.0%	100.0% #CFB032	RGB 207 176 50	#CFB032

#ECDF84 #E7D775 #E2CF66 #DDC858 #D8C04B #D3B83E #CFB032

#ECDF84 - #DDC858 - #CFB032

CSS codes

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

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