#938282 - #5E302D | 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 #938282 to #5E302D

#938282 #5E302D

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

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

0.0%	0.0% #938282	RGB 147 130 130	#938282
16.7%	16.7% #8A7473	RGB 138 116 115	#8A7473
33.3%	33.3% #816665	RGB 129 102 101	#816665
50.0%	50.0% #785957	RGB 120 89 87	#785957
66.7%	66.7% #6F4B49	RGB 111 75 73	#6F4B49
83.3%	83.3% #663D3B	RGB 102 61 59	#663D3B
100.0%	100.0% #5E302D	RGB 94 48 45	#5E302D

#938282 #8A7473 #816665 #785957 #6F4B49 #663D3B #5E302D

#938282 - #5E302D

HSV Blend

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

0.0%	0.0% #938282	RGB 147 130 130	#938282
16.7%	16.7% #8A7170	RGB 138 113 112	#8A7170
33.3%	33.3% #816160	RGB 129 97 96	#816160
50.0%	50.0% #785352	RGB 120 83 82	#785352
66.7%	66.7% #6F4644	RGB 111 70 68	#6F4644
83.3%	83.3% #663A38	RGB 102 58 56	#663A38
100.0%	100.0% #5E302D	RGB 94 48 45	#5E302D

#938282 #8A7170 #816160 #785352 #6F4644 #663A38 #5E302D

#938282 - #785352 - #5E302D

CSS codes

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

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