#8F5E6D - #42282D | 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 #8F5E6D to #42282D

#8F5E6D #42282D

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

#8F5E6D - #42282D | 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 #8F5E6D as 0% and #42282D as 100%.

0.0%	0.0% #8F5E6D	RGB 143 94 109	#8F5E6D
16.7%	16.7% #825562	RGB 130 85 98	#825562
33.3%	33.3% #754C57	RGB 117 76 87	#754C57
50.0%	50.0% #68434D	RGB 104 67 77	#68434D
66.7%	66.7% #5B3A42	RGB 91 58 66	#5B3A42
83.3%	83.3% #4E3137	RGB 78 49 55	#4E3137
100.0%	100.0% #42282D	RGB 66 40 45	#42282D

#8F5E6D #825562 #754C57 #68434D #5B3A42 #4E3137 #42282D

#8F5E6D - #42282D

HSV Blend

#8F5E6D - #42282D | 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 #8F5E6D as 0% and #42282D as 100%.

0.0%	0.0% #8F5E6D	RGB 143 94 109	#8F5E6D
16.7%	16.7% #825461	RGB 130 84 97	#825461
33.3%	33.3% #754B56	RGB 117 75 86	#754B56
50.0%	50.0% #68424B	RGB 104 66 75	#68424B
66.7%	66.7% #5B3941	RGB 91 57 65	#5B3941
83.3%	83.3% #4E3036	RGB 78 48 54	#4E3036
100.0%	100.0% #42282D	RGB 66 40 45	#42282D

#8F5E6D #825461 #754B56 #68424B #5B3941 #4E3036 #42282D

#8F5E6D - #68424B - #42282D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E6D 0%, #68424B 50%, #42282D 100%);
    background: -webkit-linear-gradient(top, #8F5E6D 0%, #68424B 50%, #42282D 100%);
    background: linear-gradient(to bottom, #8F5E6D 0%, #68424B 50%, #42282D 100%);
}
</style>