#5E2D91 - #CC7BAD | 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 #5E2D91 to #CC7BAD

#5E2D91 #CC7BAD

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

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

0.0%	0.0% #5E2D91	RGB 94 45 145	#5E2D91
16.7%	16.7% #703A95	RGB 112 58 149	#703A95
33.3%	33.3% #82479A	RGB 130 71 154	#82479A
50.0%	50.0% #95549F	RGB 149 84 159	#95549F
66.7%	66.7% #A761A3	RGB 167 97 163	#A761A3
83.3%	83.3% #B96EA8	RGB 185 110 168	#B96EA8
100.0%	100.0% #CC7BAD	RGB 204 123 173	#CC7BAD

#5E2D91 #703A95 #82479A #95549F #A761A3 #B96EA8 #CC7BAD

#5E2D91 - #CC7BAD

HSV Blend

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

0.0%	0.0% #5E2D91	RGB 94 45 145	#5E2D91
16.7%	16.7% #76379A	RGB 118 55 154	#76379A
33.3%	33.3% #8F43A4	RGB 143 67 164	#8F43A4
50.0%	50.0% #A84FAE	RGB 168 79 174	#A84FAE
66.7%	66.7% #B85DB0	RGB 184 93 176	#B85DB0
83.3%	83.3% #C26BAD	RGB 194 107 173	#C26BAD
100.0%	100.0% #CC7BAD	RGB 204 123 173	#CC7BAD

#5E2D91 #76379A #8F43A4 #A84FAE #B85DB0 #C26BAD #CC7BAD

#5E2D91 - #A84FAE - #CC7BAD

CSS codes

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

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