#E3E3A8 - #C0B852 | 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 #E3E3A8 to #C0B852

#E3E3A8 #C0B852

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

#E3E3A8 - #C0B852 | 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 #E3E3A8 as 0% and #C0B852 as 100%.

0.0%	0.0% #E3E3A8	RGB 227 227 168	#E3E3A8
16.7%	16.7% #DDDB99	RGB 221 219 153	#DDDB99
33.3%	33.3% #D7D48B	RGB 215 212 139	#D7D48B
50.0%	50.0% #D1CD7D	RGB 209 205 125	#D1CD7D
66.7%	66.7% #CBC66E	RGB 203 198 110	#CBC66E
83.3%	83.3% #C5BF60	RGB 197 191 96	#C5BF60
100.0%	100.0% #C0B852	RGB 192 184 82	#C0B852

#E3E3A8 #DDDB99 #D7D48B #D1CD7D #CBC66E #C5BF60 #C0B852

#E3E3A8 - #C0B852

HSV Blend

#E3E3A8 - #C0B852 | 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 #E3E3A8 as 0% and #C0B852 as 100%.

0.0%	0.0% #E3E3A8	RGB 227 227 168	#E3E3A8
16.7%	16.7% #DDDC98	RGB 221 220 152	#DDDC98
33.3%	33.3% #D7D588	RGB 215 213 136	#D7D588
50.0%	50.0% #D1CE7A	RGB 209 206 122	#D1CE7A
66.7%	66.7% #CBC76C	RGB 203 199 108	#CBC76C
83.3%	83.3% #C5BF5E	RGB 197 191 94	#C5BF5E
100.0%	100.0% #C0B852	RGB 192 184 82	#C0B852

#E3E3A8 #DDDC98 #D7D588 #D1CE7A #CBC76C #C5BF5E #C0B852

#E3E3A8 - #D1CE7A - #C0B852

CSS codes

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

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