#5E3CB9 - #C994D8 | 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 #5E3CB9 to #C994D8

#5E3CB9 #C994D8

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

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

0.0%	0.0% #5E3CB9	RGB 94 60 185	#5E3CB9
16.7%	16.7% #6F4ABE	RGB 111 74 190	#6F4ABE
33.3%	33.3% #8159C3	RGB 129 89 195	#8159C3
50.0%	50.0% #9368C8	RGB 147 104 200	#9368C8
66.7%	66.7% #A576CD	RGB 165 118 205	#A576CD
83.3%	83.3% #B785D2	RGB 183 133 210	#B785D2
100.0%	100.0% #C994D8	RGB 201 148 216	#C994D8

#5E3CB9 #6F4ABE #8159C3 #9368C8 #A576CD #B785D2 #C994D8

#5E3CB9 - #C994D8

HSV Blend

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

0.0%	0.0% #5E3CB9	RGB 94 60 185	#5E3CB9
16.7%	16.7% #7249BE	RGB 114 73 190	#7249BE
33.3%	33.3% #8656C3	RGB 134 86 195	#8656C3
50.0%	50.0% #9965C8	RGB 153 101 200	#9965C8
66.7%	66.7% #AA74CD	RGB 170 116 205	#AA74CD
83.3%	83.3% #BA83D2	RGB 186 131 210	#BA83D2
100.0%	100.0% #C994D8	RGB 201 148 216	#C994D8

#5E3CB9 #7249BE #8656C3 #9965C8 #AA74CD #BA83D2 #C994D8

#5E3CB9 - #9965C8 - #C994D8

CSS codes

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

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