#8B8293 - #472D5E | 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 #8B8293 to #472D5E

#8B8293 #472D5E

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

#8B8293 - #472D5E | 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 #8B8293 as 0% and #472D5E as 100%.

0.0%	0.0% #8B8293	RGB 139 130 147	#8B8293
16.7%	16.7% #7F738A	RGB 127 115 138	#7F738A
33.3%	33.3% #746581	RGB 116 101 129	#746581
50.0%	50.0% #695778	RGB 105 87 120	#695778
66.7%	66.7% #5D496F	RGB 93 73 111	#5D496F
83.3%	83.3% #523B66	RGB 82 59 102	#523B66
100.0%	100.0% #472D5E	RGB 71 45 94	#472D5E

#8B8293 #7F738A #746581 #695778 #5D496F #523B66 #472D5E

#8B8293 - #472D5E

HSV Blend

#8B8293 - #472D5E | 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 #8B8293 as 0% and #472D5E as 100%.

0.0%	0.0% #8B8293	RGB 139 130 147	#8B8293
16.7%	16.7% #7E708A	RGB 126 112 138	#7E708A
33.3%	33.3% #726081	RGB 114 96 129	#726081
50.0%	50.0% #665278	RGB 102 82 120	#665278
66.7%	66.7% #5B446F	RGB 91 68 111	#5B446F
83.3%	83.3% #503866	RGB 80 56 102	#503866
100.0%	100.0% #472D5E	RGB 71 45 94	#472D5E

#8B8293 #7E708A #726081 #665278 #5B446F #503866 #472D5E

#8B8293 - #665278 - #472D5E

CSS codes

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

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