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

#898293 #472D5E

Calculate the color between two colors, #898293 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)

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

0.0%	0.0% #898293	RGB 137 130 147	#898293
16.7%	16.7% #7E738A	RGB 126 115 138	#7E738A
33.3%	33.3% #736581	RGB 115 101 129	#736581
50.0%	50.0% #685778	RGB 104 87 120	#685778
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

#898293 #7E738A #736581 #685778 #5D496F #523B66 #472D5E

#898293 - #472D5E

HSV Blend

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

0.0%	0.0% #898293	RGB 137 130 147	#898293
16.7%	16.7% #7B708A	RGB 123 112 138	#7B708A
33.3%	33.3% #6F6081	RGB 111 96 129	#6F6081
50.0%	50.0% #645278	RGB 100 82 120	#645278
66.7%	66.7% #59446F	RGB 89 68 111	#59446F
83.3%	83.3% #503866	RGB 80 56 102	#503866
100.0%	100.0% #472D5E	RGB 71 45 94	#472D5E

#898293 #7B708A #6F6081 #645278 #59446F #503866 #472D5E

#898293 - #645278 - #472D5E

CSS codes

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

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