#E3C8AF - #B4974D | 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 #E3C8AF to #B4974D

#E3C8AF #B4974D

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

#E3C8AF - #B4974D | 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 #E3C8AF as 0% and #B4974D as 100%.

0.0%	0.0% #E3C8AF	RGB 227 200 175	#E3C8AF
16.7%	16.7% #DBBF9E	RGB 219 191 158	#DBBF9E
33.3%	33.3% #D3B78E	RGB 211 183 142	#D3B78E
50.0%	50.0% #CBAF7E	RGB 203 175 126	#CBAF7E
66.7%	66.7% #C3A76D	RGB 195 167 109	#C3A76D
83.3%	83.3% #BB9F5D	RGB 187 159 93	#BB9F5D
100.0%	100.0% #B4974D	RGB 180 151 77	#B4974D

#E3C8AF #DBBF9E #D3B78E #CBAF7E #C3A76D #BB9F5D #B4974D

#E3C8AF - #B4974D

HSV Blend

#E3C8AF - #B4974D | 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 #E3C8AF as 0% and #B4974D as 100%.

0.0%	0.0% #E3C8AF	RGB 227 200 175	#E3C8AF
16.7%	16.7% #DBBD9C	RGB 219 189 156	#DBBD9C
33.3%	33.3% #D3B38A	RGB 211 179 138	#D3B38A
50.0%	50.0% #CBAA79	RGB 203 170 121	#CBAA79
66.7%	66.7% #C3A36A	RGB 195 163 106	#C3A36A
83.3%	83.3% #BB9C5B	RGB 187 156 91	#BB9C5B
100.0%	100.0% #B4974D	RGB 180 151 77	#B4974D

#E3C8AF #DBBD9C #D3B38A #CBAA79 #C3A36A #BB9C5B #B4974D

#E3C8AF - #CBAA79 - #B4974D

CSS codes

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

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