#8C6B5E - #F2E985 | 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 #8C6B5E to #F2E985

#8C6B5E #F2E985

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

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

0.0%	0.0% #8C6B5E	RGB 140 107 94	#8C6B5E
16.7%	16.7% #9D8064	RGB 157 128 100	#9D8064
33.3%	33.3% #AE956B	RGB 174 149 107	#AE956B
50.0%	50.0% #BFAA71	RGB 191 170 113	#BFAA71
66.7%	66.7% #D0BF78	RGB 208 191 120	#D0BF78
83.3%	83.3% #E1D47E	RGB 225 212 126	#E1D47E
100.0%	100.0% #F2E985	RGB 242 233 133	#F2E985

#8C6B5E #9D8064 #AE956B #BFAA71 #D0BF78 #E1D47E #F2E985

#8C6B5E - #F2E985

HSV Blend

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

0.0%	0.0% #8C6B5E	RGB 140 107 94	#8C6B5E
16.7%	16.7% #9D7B66	RGB 157 123 102	#9D7B66
33.3%	33.3% #AE8D6D	RGB 174 141 109	#AE8D6D
50.0%	50.0% #BFA174	RGB 191 161 116	#BFA174
66.7%	66.7% #D0B67A	RGB 208 182 122	#D0B67A
83.3%	83.3% #E1CE80	RGB 225 206 128	#E1CE80
100.0%	100.0% #F2E985	RGB 242 233 133	#F2E985

#8C6B5E #9D7B66 #AE8D6D #BFA174 #D0B67A #E1CE80 #F2E985

#8C6B5E - #BFA174 - #F2E985

CSS codes

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

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