#E2E2B5 - #BEB660 | 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 #E2E2B5 to #BEB660

#E2E2B5 #BEB660

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

#E2E2B5 - #BEB660 | 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 #E2E2B5 as 0% and #BEB660 as 100%.

0.0%	0.0% #E2E2B5	RGB 226 226 181	#E2E2B5
16.7%	16.7% #DCDAA6	RGB 220 218 166	#DCDAA6
33.3%	33.3% #D6D398	RGB 214 211 152	#D6D398
50.0%	50.0% #D0CC8A	RGB 208 204 138	#D0CC8A
66.7%	66.7% #CAC47C	RGB 202 196 124	#CAC47C
83.3%	83.3% #C4BD6E	RGB 196 189 110	#C4BD6E
100.0%	100.0% #BEB660	RGB 190 182 96	#BEB660

#E2E2B5 #DCDAA6 #D6D398 #D0CC8A #CAC47C #C4BD6E #BEB660

#E2E2B5 - #BEB660

HSV Blend

#E2E2B5 - #BEB660 | 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 #E2E2B5 as 0% and #BEB660 as 100%.

0.0%	0.0% #E2E2B5	RGB 226 226 181	#E2E2B5
16.7%	16.7% #DCDBA5	RGB 220 219 165	#DCDBA5
33.3%	33.3% #D6D496	RGB 214 212 150	#D6D496
50.0%	50.0% #D0CC87	RGB 208 204 135	#D0CC87
66.7%	66.7% #CAC579	RGB 202 197 121	#CAC579
83.3%	83.3% #C4BD6C	RGB 196 189 108	#C4BD6C
100.0%	100.0% #BEB660	RGB 190 182 96	#BEB660

#E2E2B5 #DCDBA5 #D6D496 #D0CC87 #CAC579 #C4BD6C #BEB660

#E2E2B5 - #D0CC87 - #BEB660

CSS codes

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

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