#838670 - #E2CB92 | 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 #838670 to #E2CB92

#838670 #E2CB92

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

#838670 - #E2CB92 | 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 #838670 as 0% and #E2CB92 as 100%.

0.0%	0.0% #838670	RGB 131 134 112	#838670
16.7%	16.7% #929175	RGB 146 145 117	#929175
33.3%	33.3% #A29D7B	RGB 162 157 123	#A29D7B
50.0%	50.0% #B2A881	RGB 178 168 129	#B2A881
66.7%	66.7% #C2B486	RGB 194 180 134	#C2B486
83.3%	83.3% #D2BF8C	RGB 210 191 140	#D2BF8C
100.0%	100.0% #E2CB92	RGB 226 203 146	#E2CB92

#838670 #929175 #A29D7B #B2A881 #C2B486 #D2BF8C #E2CB92

#838670 - #E2CB92

HSV Blend

#838670 - #E2CB92 | 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 #838670 as 0% and #E2CB92 as 100%.

0.0%	0.0% #838670	RGB 131 134 112	#838670
16.7%	16.7% #939578	RGB 147 149 120	#939578
33.3%	33.3% #A4A47F	RGB 164 164 127	#A4A47F
50.0%	50.0% #B4B085	RGB 180 176 133	#B4B085
66.7%	66.7% #C3BB8A	RGB 195 187 138	#C3BB8A
83.3%	83.3% #D2C38E	RGB 210 195 142	#D2C38E
100.0%	100.0% #E2CB92	RGB 226 203 146	#E2CB92

#838670 #939578 #A4A47F #B4B085 #C3BB8A #D2C38E #E2CB92

#838670 - #B4B085 - #E2CB92

CSS codes

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

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