#211650 - #89577D | 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 #211650 to #89577D

#211650 #89577D

Calculate the color between two colors, #211650 and #89577D. 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)

#211650 - #89577D | 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 #211650 as 0% and #89577D as 100%.

0.0%	0.0% #211650	RGB 33 22 80	#211650
16.7%	16.7% #322057	RGB 50 32 87	#322057
33.3%	33.3% #432B5F	RGB 67 43 95	#432B5F
50.0%	50.0% #553666	RGB 85 54 102	#553666
66.7%	66.7% #66416E	RGB 102 65 110	#66416E
83.3%	83.3% #774C75	RGB 119 76 117	#774C75
100.0%	100.0% #89577D	RGB 137 87 125	#89577D

#211650 #322057 #432B5F #553666 #66416E #774C75 #89577D

#211650 - #89577D

HSV Blend

#211650 - #89577D | 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 #211650 as 0% and #89577D as 100%.

0.0%	0.0% #211550	RGB 33 21 80	#211550
16.7%	16.7% #331D59	RGB 51 29 89	#331D59
33.3%	33.3% #472763	RGB 71 39 99	#472763
50.0%	50.0% #5B316C	RGB 91 49 108	#5B316C
66.7%	66.7% #6F3C76	RGB 111 60 118	#6F3C76
83.3%	83.3% #7F497B	RGB 127 73 123	#7F497B
100.0%	100.0% #89577D	RGB 137 87 125	#89577D

#211550 #331D59 #472763 #5B316C #6F3C76 #7F497B #89577D

#211650 - #5B316C - #89577D

CSS codes

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

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