#8A8C7E - #E2CF9E | 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 #8A8C7E to #E2CF9E

#8A8C7E #E2CF9E

Calculate the color between two colors, #8A8C7E and #E2CF9E. 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)

#8A8C7E - #E2CF9E | 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 #8A8C7E as 0% and #E2CF9E as 100%.

0.0%	0.0% #8A8C7E	RGB 138 140 126	#8A8C7E
16.7%	16.7% #989783	RGB 152 151 131	#989783
33.3%	33.3% #A7A288	RGB 167 162 136	#A7A288
50.0%	50.0% #B6AD8E	RGB 182 173 142	#B6AD8E
66.7%	66.7% #C4B893	RGB 196 184 147	#C4B893
83.3%	83.3% #D3C398	RGB 211 195 152	#D3C398
100.0%	100.0% #E2CF9E	RGB 226 207 158	#E2CF9E

#8A8C7E #989783 #A7A288 #B6AD8E #C4B893 #D3C398 #E2CF9E

#8A8C7E - #E2CF9E

HSV Blend

#8A8C7E - #E2CF9E | 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 #8A8C7E as 0% and #E2CF9E as 100%.

0.0%	0.0% #8A8C7E	RGB 138 140 126	#8A8C7E
16.7%	16.7% #989A85	RGB 152 154 133	#989A85
33.3%	33.3% #A8A88C	RGB 168 168 140	#A8A88C
50.0%	50.0% #B7B492	RGB 183 180 146	#B7B492
66.7%	66.7% #C5BE97	RGB 197 190 151	#C5BE97
83.3%	83.3% #D3C79B	RGB 211 199 155	#D3C79B
100.0%	100.0% #E2CF9E	RGB 226 207 158	#E2CF9E

#8A8C7E #989A85 #A8A88C #B7B492 #C5BE97 #D3C79B #E2CF9E

#8A8C7E - #B7B492 - #E2CF9E

CSS codes

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

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