#ECE66D - #AFA102 | 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 #ECE66D to #AFA102

#ECE66D #AFA102

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

#ECE66D - #AFA102 | 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 #ECE66D as 0% and #AFA102 as 100%.

0.0%	0.0% #ECE66D	RGB 236 230 109	#ECE66D
16.7%	16.7% #E1DA5B	RGB 225 218 91	#E1DA5B
33.3%	33.3% #D7CF49	RGB 215 207 73	#D7CF49
50.0%	50.0% #CDC337	RGB 205 195 55	#CDC337
66.7%	66.7% #C3B825	RGB 195 184 37	#C3B825
83.3%	83.3% #B9AC13	RGB 185 172 19	#B9AC13
100.0%	100.0% #AFA102	RGB 175 161 2	#AFA102

#ECE66D #E1DA5B #D7CF49 #CDC337 #C3B825 #B9AC13 #AFA102

#ECE66D - #AFA102

HSV Blend

#ECE66D - #AFA102 | 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 #ECE66D as 0% and #AFA102 as 100%.

0.0%	0.0% #ECE66D	RGB 236 230 109	#ECE66D
16.7%	16.7% #E1DA57	RGB 225 218 87	#E1DA57
33.3%	33.3% #D7CE43	RGB 215 206 67	#D7CE43
50.0%	50.0% #CDC330	RGB 205 195 48	#CDC330
66.7%	66.7% #C3B71F	RGB 195 183 31	#C3B71F
83.3%	83.3% #B9AC10	RGB 185 172 16	#B9AC10
100.0%	100.0% #AFA102	RGB 175 161 2	#AFA102

#ECE66D #E1DA57 #D7CE43 #CDC330 #C3B71F #B9AC10 #AFA102

#ECE66D - #CDC330 - #AFA102

CSS codes

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

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