#E5E2C7 - #C2B274 | 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 #E5E2C7 to #C2B274

#E5E2C7 #C2B274

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

#E5E2C7 - #C2B274 | 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 #E5E2C7 as 0% and #C2B274 as 100%.

0.0%	0.0% #E5E2C7	RGB 229 226 199	#E5E2C7
16.7%	16.7% #DFDAB9	RGB 223 218 185	#DFDAB9
33.3%	33.3% #D9D2AB	RGB 217 210 171	#D9D2AB
50.0%	50.0% #D3CA9D	RGB 211 202 157	#D3CA9D
66.7%	66.7% #CDC28F	RGB 205 194 143	#CDC28F
83.3%	83.3% #C7BA81	RGB 199 186 129	#C7BA81
100.0%	100.0% #C2B274	RGB 194 178 116	#C2B274

#E5E2C7 #DFDAB9 #D9D2AB #D3CA9D #CDC28F #C7BA81 #C2B274

#E5E2C7 - #C2B274

HSV Blend

#E5E2C7 - #C2B274 | 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 #E5E2C7 as 0% and #C2B274 as 100%.

0.0%	0.0% #E5E2C7	RGB 229 226 199	#E5E2C7
16.7%	16.7% #DFDAB7	RGB 223 218 183	#DFDAB7
33.3%	33.3% #D9D2A9	RGB 217 210 169	#D9D2A9
50.0%	50.0% #D3CA9B	RGB 211 202 155	#D3CA9B
66.7%	66.7% #CDC28D	RGB 205 194 141	#CDC28D
83.3%	83.3% #C7BA80	RGB 199 186 128	#C7BA80
100.0%	100.0% #C2B274	RGB 194 178 116	#C2B274

#E5E2C7 #DFDAB7 #D9D2A9 #D3CA9B #CDC28D #C7BA80 #C2B274

#E5E2C7 - #D3CA9B - #C2B274

CSS codes

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

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