#ECCC3F - #CA900F | 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 #ECCC3F to #CA900F

#ECCC3F #CA900F

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

#ECCC3F - #CA900F | 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 #ECCC3F as 0% and #CA900F as 100%.

0.0%	0.0% #ECCC3F	RGB 236 204 63	#ECCC3F
16.7%	16.7% #E6C237	RGB 230 194 55	#E6C237
33.3%	33.3% #E0B82F	RGB 224 184 47	#E0B82F
50.0%	50.0% #DBAE27	RGB 219 174 39	#DBAE27
66.7%	66.7% #D5A41F	RGB 213 164 31	#D5A41F
83.3%	83.3% #CF9A17	RGB 207 154 23	#CF9A17
100.0%	100.0% #CA900F	RGB 202 144 15	#CA900F

#ECCC3F #E6C237 #E0B82F #DBAE27 #D5A41F #CF9A17 #CA900F

#ECCC3F - #CA900F

HSV Blend

#ECCC3F - #CA900F | 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 #ECCC3F as 0% and #CA900F as 100%.

0.0%	0.0% #ECCC3F	RGB 236 204 63	#ECCC3F
16.7%	16.7% #E6C236	RGB 230 194 54	#E6C236
33.3%	33.3% #E0B82D	RGB 224 184 45	#E0B82D
50.0%	50.0% #DBAE25	RGB 219 174 37	#DBAE25
66.7%	66.7% #D5A31D	RGB 213 163 29	#D5A31D
83.3%	83.3% #CF9916	RGB 207 153 22	#CF9916
100.0%	100.0% #CA900F	RGB 202 144 15	#CA900F

#ECCC3F #E6C236 #E0B82D #DBAE25 #D5A31D #CF9916 #CA900F

#ECCC3F - #DBAE25 - #CA900F

CSS codes

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

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