#E2DFC0 - #BEAF6C | 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 #E2DFC0 to #BEAF6C

#E2DFC0 #BEAF6C

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

#E2DFC0 - #BEAF6C | 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 #E2DFC0 as 0% and #BEAF6C as 100%.

0.0%	0.0% #E2DFC0	RGB 226 223 192	#E2DFC0
16.7%	16.7% #DCD7B2	RGB 220 215 178	#DCD7B2
33.3%	33.3% #D6CFA4	RGB 214 207 164	#D6CFA4
50.0%	50.0% #D0C796	RGB 208 199 150	#D0C796
66.7%	66.7% #CABF88	RGB 202 191 136	#CABF88
83.3%	83.3% #C4B77A	RGB 196 183 122	#C4B77A
100.0%	100.0% #BEAF6C	RGB 190 175 108	#BEAF6C

#E2DFC0 #DCD7B2 #D6CFA4 #D0C796 #CABF88 #C4B77A #BEAF6C

#E2DFC0 - #BEAF6C

HSV Blend

#E2DFC0 - #BEAF6C | 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 #E2DFC0 as 0% and #BEAF6C as 100%.

0.0%	0.0% #E2DFC0	RGB 226 223 192	#E2DFC0
16.7%	16.7% #DCD7B0	RGB 220 215 176	#DCD7B0
33.3%	33.3% #D6CFA1	RGB 214 207 161	#D6CFA1
50.0%	50.0% #D0C793	RGB 208 199 147	#D0C793
66.7%	66.7% #CABF85	RGB 202 191 133	#CABF85
83.3%	83.3% #C4B778	RGB 196 183 120	#C4B778
100.0%	100.0% #BEAF6C	RGB 190 175 108	#BEAF6C

#E2DFC0 #DCD7B0 #D6CFA1 #D0C793 #CABF85 #C4B778 #BEAF6C

#E2DFC0 - #D0C793 - #BEAF6C

CSS codes

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

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