#EADB5C - #CAA81A | 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 #EADB5C to #CAA81A

#EADB5C #CAA81A

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

#EADB5C - #CAA81A | 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 #EADB5C as 0% and #CAA81A as 100%.

0.0%	0.0% #EADB5C	RGB 234 219 92	#EADB5C
16.7%	16.7% #E4D251	RGB 228 210 81	#E4D251
33.3%	33.3% #DFCA46	RGB 223 202 70	#DFCA46
50.0%	50.0% #DAC13B	RGB 218 193 59	#DAC13B
66.7%	66.7% #D4B930	RGB 212 185 48	#D4B930
83.3%	83.3% #CFB025	RGB 207 176 37	#CFB025
100.0%	100.0% #CAA81A	RGB 202 168 26	#CAA81A

#EADB5C #E4D251 #DFCA46 #DAC13B #D4B930 #CFB025 #CAA81A

#EADB5C - #CAA81A

HSV Blend

#EADB5C - #CAA81A | 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 #EADB5C as 0% and #CAA81A as 100%.

0.0%	0.0% #EADB5C	RGB 234 219 92	#EADB5C
16.7%	16.7% #E4D24F	RGB 228 210 79	#E4D24F
33.3%	33.3% #DFCA44	RGB 223 202 68	#DFCA44
50.0%	50.0% #DAC138	RGB 218 193 56	#DAC138
66.7%	66.7% #D4B92E	RGB 212 185 46	#D4B92E
83.3%	83.3% #CFB023	RGB 207 176 35	#CFB023
100.0%	100.0% #CAA81A	RGB 202 168 26	#CAA81A

#EADB5C #E4D24F #DFCA44 #DAC138 #D4B92E #CFB023 #CAA81A

#EADB5C - #DAC138 - #CAA81A

CSS codes

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

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