#5A3B5E - #C75FCE | 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 #5A3B5E to #C75FCE

#5A3B5E #C75FCE

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

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

0.0%	0.0% #5A3B5E	RGB 90 59 94	#5A3B5E
16.7%	16.7% #6C4170	RGB 108 65 112	#6C4170
33.3%	33.3% #7E4783	RGB 126 71 131	#7E4783
50.0%	50.0% #904D96	RGB 144 77 150	#904D96
66.7%	66.7% #A253A8	RGB 162 83 168	#A253A8
83.3%	83.3% #B459BB	RGB 180 89 187	#B459BB
100.0%	100.0% #C75FCE	RGB 199 95 206	#C75FCE

#5A3B5E #6C4170 #7E4783 #904D96 #A253A8 #B459BB #C75FCE

#5A3B5E - #C75FCE

HSV Blend

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

0.0%	0.0% #5A3B5E	RGB 90 59 94	#5A3B5E
16.7%	16.7% #6B4370	RGB 107 67 112	#6B4370
33.3%	33.3% #7D4B83	RGB 125 75 131	#7D4B83
50.0%	50.0% #8F5196	RGB 143 81 150	#8F5196
66.7%	66.7% #A257A8	RGB 162 87 168	#A257A8
83.3%	83.3% #B45BBB	RGB 180 91 187	#B45BBB
100.0%	100.0% #C75FCE	RGB 199 95 206	#C75FCE

#5A3B5E #6B4370 #7D4B83 #8F5196 #A257A8 #B45BBB #C75FCE

#5A3B5E - #8F5196 - #C75FCE

CSS codes

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

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