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

#8B8293 #492D5E

Calculate the color between two colors, #8B8293 and #492D5E. 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 - #492D5E | 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 #492D5E as 100%.

0.0%	0.0% #8B8293	RGB 139 130 147	#8B8293
16.7%	16.7% #80738A	RGB 128 115 138	#80738A
33.3%	33.3% #756581	RGB 117 101 129	#756581
50.0%	50.0% #6A5778	RGB 106 87 120	#6A5778
66.7%	66.7% #5F496F	RGB 95 73 111	#5F496F
83.3%	83.3% #543B66	RGB 84 59 102	#543B66
100.0%	100.0% #492D5E	RGB 73 45 94	#492D5E

#8B8293 #80738A #756581 #6A5778 #5F496F #543B66 #492D5E

#8B8293 - #492D5E

HSV Blend

#8B8293 - #492D5E | 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 #492D5E 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% #675278	RGB 103 82 120	#675278
66.7%	66.7% #5C446F	RGB 92 68 111	#5C446F
83.3%	83.3% #523866	RGB 82 56 102	#523866
100.0%	100.0% #492D5E	RGB 73 45 94	#492D5E

#8B8293 #7E708A #726081 #675278 #5C446F #523866 #492D5E

#8B8293 - #675278 - #492D5E

CSS codes

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

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