#5E2F5C - #CB50CD | 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 #5E2F5C to #CB50CD

#5E2F5C #CB50CD

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

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

0.0%	0.0% #5E2F5C	RGB 94 47 92	#5E2F5C
16.7%	16.7% #70346E	RGB 112 52 110	#70346E
33.3%	33.3% #823A81	RGB 130 58 129	#823A81
50.0%	50.0% #943F94	RGB 148 63 148	#943F94
66.7%	66.7% #A645A7	RGB 166 69 167	#A645A7
83.3%	83.3% #B84ABA	RGB 184 74 186	#B84ABA
100.0%	100.0% #CB50CD	RGB 203 80 205	#CB50CD

#5E2F5C #70346E #823A81 #943F94 #A645A7 #B84ABA #CB50CD

#5E2F5C - #CB50CD

HSV Blend

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

0.0%	0.0% #5E2F5B	RGB 94 47 91	#5E2F5B
16.7%	16.7% #70366E	RGB 112 54 110	#70366E
33.3%	33.3% #833C81	RGB 131 60 129	#833C81
50.0%	50.0% #954294	RGB 149 66 148	#954294
66.7%	66.7% #A847A7	RGB 168 71 167	#A847A7
83.3%	83.3% #B94CBA	RGB 185 76 186	#B94CBA
100.0%	100.0% #CB50CD	RGB 203 80 205	#CB50CD

#5E2F5B #70366E #833C81 #954294 #A847A7 #B94CBA #CB50CD

#5E2F5C - #954294 - #CB50CD

CSS codes

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

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