#89819B - #472D4B | 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 #89819B to #472D4B

#89819B #472D4B

Calculate the color between two colors, #89819B and #472D4B. 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)

#89819B - #472D4B | 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 #89819B as 0% and #472D4B as 100%.

0.0%	0.0% #89819B	RGB 137 129 155	#89819B
16.7%	16.7% #7E738D	RGB 126 115 141	#7E738D
33.3%	33.3% #736580	RGB 115 101 128	#736580
50.0%	50.0% #685773	RGB 104 87 115	#685773
66.7%	66.7% #5D4965	RGB 93 73 101	#5D4965
83.3%	83.3% #523B58	RGB 82 59 88	#523B58
100.0%	100.0% #472D4B	RGB 71 45 75	#472D4B

#89819B #7E738D #736580 #685773 #5D4965 #523B58 #472D4B

#89819B - #472D4B

HSV Blend

#89819B - #472D4B | 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 #89819B as 0% and #472D4B as 100%.

0.0%	0.0% #89819B	RGB 137 129 155	#89819B
16.7%	16.7% #7C708D	RGB 124 112 141	#7C708D
33.3%	33.3% #706080	RGB 112 96 128	#706080
50.0%	50.0% #655273	RGB 101 82 115	#655273
66.7%	66.7% #5B4465	RGB 91 68 101	#5B4465
83.3%	83.3% #513858	RGB 81 56 88	#513858
100.0%	100.0% #472D4B	RGB 71 45 75	#472D4B

#89819B #7C708D #706080 #655273 #5B4465 #513858 #472D4B

#89819B - #655273 - #472D4B

CSS codes

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

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