#963C92 - #570065 | 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 #963C92 to #570065

#963C92 #570065

Calculate the color between two colors, #963C92 and #570065. 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)

#963C92 - #570065 | 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 #963C92 as 0% and #570065 as 100%.

0.0%	0.0% #963C92	RGB 150 60 146	#963C92
16.7%	16.7% #8B328A	RGB 139 50 138	#8B328A
33.3%	33.3% #812883	RGB 129 40 131	#812883
50.0%	50.0% #761E7B	RGB 118 30 123	#761E7B
66.7%	66.7% #6C1474	RGB 108 20 116	#6C1474
83.3%	83.3% #610A6C	RGB 97 10 108	#610A6C
100.0%	100.0% #570065	RGB 87 0 101	#570065

#963C92 #8B328A #812883 #761E7B #6C1474 #610A6C #570065

#963C92 - #570065

HSV Blend

#963C92 - #570065 | 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 #963C92 as 0% and #570065 as 100%.

0.0%	0.0% #963C92	RGB 150 60 146	#963C92
16.7%	16.7% #8D2F8C	RGB 141 47 140	#8D2F8C
33.3%	33.3% #842385	RGB 132 35 133	#842385
50.0%	50.0% #78197D	RGB 120 25 125	#78197D
66.7%	66.7% #6D0F75	RGB 109 15 117	#6D0F75
83.3%	83.3% #62076D	RGB 98 7 109	#62076D
100.0%	100.0% #570065	RGB 87 0 101	#570065

#963C92 #8D2F8C #842385 #78197D #6D0F75 #62076D #570065

#963C92 - #78197D - #570065

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #963C92 0%, #78197D 50%, #570065 100%);
    background: -webkit-linear-gradient(top, #963C92 0%, #78197D 50%, #570065 100%);
    background: linear-gradient(to bottom, #963C92 0%, #78197D 50%, #570065 100%);
}
</style>