#5C4C5E - #C971D4 | 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 #5C4C5E to #C971D4

#5C4C5E #C971D4

Calculate the color between two colors, #5C4C5E and #C971D4. 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)

#5C4C5E - #C971D4 | 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 #5C4C5E as 0% and #C971D4 as 100%.

0.0%	0.0% #5C4C5E	RGB 92 76 94	#5C4C5E
16.7%	16.7% #6E5271	RGB 110 82 113	#6E5271
33.3%	33.3% #805885	RGB 128 88 133	#805885
50.0%	50.0% #925E99	RGB 146 94 153	#925E99
66.7%	66.7% #A464AC	RGB 164 100 172	#A464AC
83.3%	83.3% #B66AC0	RGB 182 106 192	#B66AC0
100.0%	100.0% #C971D4	RGB 201 113 212	#C971D4

#5C4C5E #6E5271 #805885 #925E99 #A464AC #B66AC0 #C971D4

#5C4C5E - #C971D4

HSV Blend

#5C4C5E - #C971D4 | 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 #5C4C5E as 0% and #C971D4 as 100%.

0.0%	0.0% #5C4C5E	RGB 92 76 94	#5C4C5E
16.7%	16.7% #6E5671	RGB 110 86 113	#6E5671
33.3%	33.3% #815F85	RGB 129 95 133	#815F85
50.0%	50.0% #936699	RGB 147 102 153	#936699
66.7%	66.7% #A56BAC	RGB 165 107 172	#A56BAC
83.3%	83.3% #B76FC0	RGB 183 111 192	#B76FC0
100.0%	100.0% #C971D4	RGB 201 113 212	#C971D4

#5C4C5E #6E5671 #815F85 #936699 #A56BAC #B76FC0 #C971D4

#5C4C5E - #936699 - #C971D4

CSS codes

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

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