#EADF97 - #CDB042 | 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 #EADF97 to #CDB042

#EADF97 #CDB042

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

#EADF97 - #CDB042 | 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 #EADF97 as 0% and #CDB042 as 100%.

0.0%	0.0% #EADF97	RGB 234 223 151	#EADF97
16.7%	16.7% #E5D788	RGB 229 215 136	#E5D788
33.3%	33.3% #E0CF7A	RGB 224 207 122	#E0CF7A
50.0%	50.0% #DBC76C	RGB 219 199 108	#DBC76C
66.7%	66.7% #D6BF5E	RGB 214 191 94	#D6BF5E
83.3%	83.3% #D1B750	RGB 209 183 80	#D1B750
100.0%	100.0% #CDB042	RGB 205 176 66	#CDB042

#EADF97 #E5D788 #E0CF7A #DBC76C #D6BF5E #D1B750 #CDB042

#EADF97 - #CDB042

HSV Blend

#EADF97 - #CDB042 | 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 #EADF97 as 0% and #CDB042 as 100%.

0.0%	0.0% #EADF97	RGB 234 223 151	#EADF97
16.7%	16.7% #E5D787	RGB 229 215 135	#E5D787
33.3%	33.3% #E0CF78	RGB 224 207 120	#E0CF78
50.0%	50.0% #DBC86A	RGB 219 200 106	#DBC86A
66.7%	66.7% #D6C05C	RGB 214 192 92	#D6C05C
83.3%	83.3% #D1B84E	RGB 209 184 78	#D1B84E
100.0%	100.0% #CDB042	RGB 205 176 66	#CDB042

#EADF97 #E5D787 #E0CF78 #DBC86A #D6C05C #D1B84E #CDB042

#EADF97 - #DBC86A - #CDB042

CSS codes

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

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