#ECECA6 - #CDC650 | 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 #ECECA6 to #CDC650

#ECECA6 #CDC650

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

#ECECA6 - #CDC650 | 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 #ECECA6 as 0% and #CDC650 as 100%.

0.0%	0.0% #ECECA6	RGB 236 236 166	#ECECA6
16.7%	16.7% #E6E597	RGB 230 229 151	#E6E597
33.3%	33.3% #E1DF89	RGB 225 223 137	#E1DF89
50.0%	50.0% #DCD97B	RGB 220 217 123	#DCD97B
66.7%	66.7% #D7D26C	RGB 215 210 108	#D7D26C
83.3%	83.3% #D2CC5E	RGB 210 204 94	#D2CC5E
100.0%	100.0% #CDC650	RGB 205 198 80	#CDC650

#ECECA6 #E6E597 #E1DF89 #DCD97B #D7D26C #D2CC5E #CDC650

#ECECA6 - #CDC650

HSV Blend

#ECECA6 - #CDC650 | 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 #ECECA6 as 0% and #CDC650 as 100%.

0.0%	0.0% #ECECA6	RGB 236 236 166	#ECECA6
16.7%	16.7% #E6E696	RGB 230 230 150	#E6E696
33.3%	33.3% #E1DF87	RGB 225 223 135	#E1DF87
50.0%	50.0% #DCD978	RGB 220 217 120	#DCD978
66.7%	66.7% #D7D36A	RGB 215 211 106	#D7D36A
83.3%	83.3% #D2CC5C	RGB 210 204 92	#D2CC5C
100.0%	100.0% #CDC650	RGB 205 198 80	#CDC650

#ECECA6 #E6E696 #E1DF87 #DCD978 #D7D36A #D2CC5C #CDC650

#ECECA6 - #DCD978 - #CDC650

CSS codes

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

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