#E3E3A2 - #C0B84D | 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 #E3E3A2 to #C0B84D

#E3E3A2 #C0B84D

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

#E3E3A2 - #C0B84D | 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 #E3E3A2 as 0% and #C0B84D as 100%.

0.0%	0.0% #E3E3A2	RGB 227 227 162	#E3E3A2
16.7%	16.7% #DDDB93	RGB 221 219 147	#DDDB93
33.3%	33.3% #D7D485	RGB 215 212 133	#D7D485
50.0%	50.0% #D1CD77	RGB 209 205 119	#D1CD77
66.7%	66.7% #CBC669	RGB 203 198 105	#CBC669
83.3%	83.3% #C5BF5B	RGB 197 191 91	#C5BF5B
100.0%	100.0% #C0B84D	RGB 192 184 77	#C0B84D

#E3E3A2 #DDDB93 #D7D485 #D1CD77 #CBC669 #C5BF5B #C0B84D

#E3E3A2 - #C0B84D

HSV Blend

#E3E3A2 - #C0B84D | 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 #E3E3A2 as 0% and #C0B84D as 100%.

0.0%	0.0% #E3E3A2	RGB 227 227 162	#E3E3A2
16.7%	16.7% #DDDC92	RGB 221 220 146	#DDDC92
33.3%	33.3% #D7D583	RGB 215 213 131	#D7D583
50.0%	50.0% #D1CE74	RGB 209 206 116	#D1CE74
66.7%	66.7% #CBC666	RGB 203 198 102	#CBC666
83.3%	83.3% #C5BF59	RGB 197 191 89	#C5BF59
100.0%	100.0% #C0B84D	RGB 192 184 77	#C0B84D

#E3E3A2 #DDDC92 #D7D583 #D1CE74 #CBC666 #C5BF59 #C0B84D

#E3E3A2 - #D1CE74 - #C0B84D

CSS codes

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

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