#8C5E5E - #F1E198 | 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 #8C5E5E to #F1E198

#8C5E5E #F1E198

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

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

0.0%	0.0% #8C5E5E	RGB 140 94 94	#8C5E5E
16.7%	16.7% #9C7367	RGB 156 115 103	#9C7367
33.3%	33.3% #AD8971	RGB 173 137 113	#AD8971
50.0%	50.0% #BE9F7B	RGB 190 159 123	#BE9F7B
66.7%	66.7% #CFB584	RGB 207 181 132	#CFB584
83.3%	83.3% #E0CB8E	RGB 224 203 142	#E0CB8E
100.0%	100.0% #F1E198	RGB 241 225 152	#F1E198

#8C5E5E #9C7367 #AD8971 #BE9F7B #CFB584 #E0CB8E #F1E198

#8C5E5E - #F1E198

HSV Blend

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

0.0%	0.0% #8C5E5E	RGB 140 94 94	#8C5E5E
16.7%	16.7% #9C6F68	RGB 156 111 104	#9C6F68
33.3%	33.3% #AD8272	RGB 173 130 114	#AD8272
50.0%	50.0% #BE977C	RGB 190 151 124	#BE977C
66.7%	66.7% #CFAD85	RGB 207 173 133	#CFAD85
83.3%	83.3% #E0C68E	RGB 224 198 142	#E0C68E
100.0%	100.0% #F1E198	RGB 241 225 152	#F1E198

#8C5E5E #9C6F68 #AD8272 #BE977C #CFAD85 #E0C68E #F1E198

#8C5E5E - #BE977C - #F1E198

CSS codes

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

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