#EADE60 - #CBAC1C | 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 #EADE60 to #CBAC1C

#EADE60 #CBAC1C

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

#EADE60 - #CBAC1C | 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 #EADE60 as 0% and #CBAC1C as 100%.

0.0%	0.0% #EADE60	RGB 234 222 96	#EADE60
16.7%	16.7% #E4D554	RGB 228 213 84	#E4D554
33.3%	33.3% #DFCD49	RGB 223 205 73	#DFCD49
50.0%	50.0% #DAC53E	RGB 218 197 62	#DAC53E
66.7%	66.7% #D5BC32	RGB 213 188 50	#D5BC32
83.3%	83.3% #D0B427	RGB 208 180 39	#D0B427
100.0%	100.0% #CBAC1C	RGB 203 172 28	#CBAC1C

#EADE60 #E4D554 #DFCD49 #DAC53E #D5BC32 #D0B427 #CBAC1C

#EADE60 - #CBAC1C

HSV Blend

#EADE60 - #CBAC1C | 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 #EADE60 as 0% and #CBAC1C as 100%.

0.0%	0.0% #EADE60	RGB 234 222 96	#EADE60
16.7%	16.7% #E4D653	RGB 228 214 83	#E4D653
33.3%	33.3% #DFCD47	RGB 223 205 71	#DFCD47
50.0%	50.0% #DAC53B	RGB 218 197 59	#DAC53B
66.7%	66.7% #D5BD30	RGB 213 189 48	#D5BD30
83.3%	83.3% #D0B426	RGB 208 180 38	#D0B426
100.0%	100.0% #CBAC1C	RGB 203 172 28	#CBAC1C

#EADE60 #E4D653 #DFCD47 #DAC53B #D5BD30 #D0B426 #CBAC1C

#EADE60 - #DAC53B - #CBAC1C

CSS codes

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

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