#E4E2B5 - #C7B860 | 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 #E4E2B5 to #C7B860

#E4E2B5 #C7B860

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

#E4E2B5 - #C7B860 | 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 #E4E2B5 as 0% and #C7B860 as 100%.

0.0%	0.0% #E4E2B5	RGB 228 226 181	#E4E2B5
16.7%	16.7% #DFDBA6	RGB 223 219 166	#DFDBA6
33.3%	33.3% #DAD498	RGB 218 212 152	#DAD498
50.0%	50.0% #D5CD8A	RGB 213 205 138	#D5CD8A
66.7%	66.7% #D0C67C	RGB 208 198 124	#D0C67C
83.3%	83.3% #CBBF6E	RGB 203 191 110	#CBBF6E
100.0%	100.0% #C7B860	RGB 199 184 96	#C7B860

#E4E2B5 #DFDBA6 #DAD498 #D5CD8A #D0C67C #CBBF6E #C7B860

#E4E2B5 - #C7B860

HSV Blend

#E4E2B5 - #C7B860 | 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 #E4E2B5 as 0% and #C7B860 as 100%.

0.0%	0.0% #E4E2B5	RGB 228 226 181	#E4E2B5
16.7%	16.7% #DFDBA5	RGB 223 219 165	#DFDBA5
33.3%	33.3% #DAD596	RGB 218 213 150	#DAD596
50.0%	50.0% #D5CE88	RGB 213 206 136	#D5CE88
66.7%	66.7% #D0C77A	RGB 208 199 122	#D0C77A
83.3%	83.3% #CBBF6C	RGB 203 191 108	#CBBF6C
100.0%	100.0% #C7B860	RGB 199 184 96	#C7B860

#E4E2B5 #DFDBA5 #DAD596 #D5CE88 #D0C77A #CBBF6C #C7B860

#E4E2B5 - #D5CE88 - #C7B860

CSS codes

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

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