#938284 - #5E2D34 | 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 #938284 to #5E2D34

#938284 #5E2D34

Calculate the color between two colors, #938284 and #5E2D34. 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)

#938284 - #5E2D34 | 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 #938284 as 0% and #5E2D34 as 100%.

0.0%	0.0% #938284	RGB 147 130 132	#938284
16.7%	16.7% #8A7376	RGB 138 115 118	#8A7376
33.3%	33.3% #816569	RGB 129 101 105	#816569
50.0%	50.0% #78575C	RGB 120 87 92	#78575C
66.7%	66.7% #6F494E	RGB 111 73 78	#6F494E
83.3%	83.3% #663B41	RGB 102 59 65	#663B41
100.0%	100.0% #5E2D34	RGB 94 45 52	#5E2D34

#938284 #8A7376 #816569 #78575C #6F494E #663B41 #5E2D34

#938284 - #5E2D34

HSV Blend

#938284 - #5E2D34 | 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 #938284 as 0% and #5E2D34 as 100%.

0.0%	0.0% #938284	RGB 147 130 132	#938284
16.7%	16.7% #8A7073	RGB 138 112 115	#8A7073
33.3%	33.3% #816064	RGB 129 96 100	#816064
50.0%	50.0% #785257	RGB 120 82 87	#785257
66.7%	66.7% #6F444A	RGB 111 68 74	#6F444A
83.3%	83.3% #66383E	RGB 102 56 62	#66383E
100.0%	100.0% #5E2D34	RGB 94 45 52	#5E2D34

#938284 #8A7073 #816064 #785257 #6F444A #66383E #5E2D34

#938284 - #785257 - #5E2D34

CSS codes

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

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