#ECEC4D - #CBBE14 | 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 #ECEC4D to #CBBE14

#ECEC4D #CBBE14

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

#ECEC4D - #CBBE14 | 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 #ECEC4D as 0% and #CBBE14 as 100%.

0.0%	0.0% #ECEC4D	RGB 236 236 77	#ECEC4D
16.7%	16.7% #E6E443	RGB 230 228 67	#E6E443
33.3%	33.3% #E1DC3A	RGB 225 220 58	#E1DC3A
50.0%	50.0% #DBD530	RGB 219 213 48	#DBD530
66.7%	66.7% #D6CD27	RGB 214 205 39	#D6CD27
83.3%	83.3% #D0C51D	RGB 208 197 29	#D0C51D
100.0%	100.0% #CBBE14	RGB 203 190 20	#CBBE14

#ECEC4D #E6E443 #E1DC3A #DBD530 #D6CD27 #D0C51D #CBBE14

#ECEC4D - #CBBE14

HSV Blend

#ECEC4D - #CBBE14 | 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 #ECEC4D as 0% and #CBBE14 as 100%.

0.0%	0.0% #ECEC4D	RGB 236 236 77	#ECEC4D
16.7%	16.7% #E6E442	RGB 230 228 66	#E6E442
33.3%	33.3% #E1DD38	RGB 225 221 56	#E1DD38
50.0%	50.0% #DBD52E	RGB 219 213 46	#DBD52E
66.7%	66.7% #D6CD25	RGB 214 205 37	#D6CD25
83.3%	83.3% #D0C51C	RGB 208 197 28	#D0C51C
100.0%	100.0% #CBBE14	RGB 203 190 20	#CBBE14

#ECEC4D #E6E442 #E1DD38 #DBD52E #D6CD25 #D0C51C #CBBE14

#ECEC4D - #DBD52E - #CBBE14

CSS codes

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

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