#5E3CC5 - #C597E5 | 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 #5E3CC5 to #C597E5

#5E3CC5 #C597E5

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

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

0.0%	0.0% #5E3CC5	RGB 94 60 197	#5E3CC5
16.7%	16.7% #6F4BCA	RGB 111 75 202	#6F4BCA
33.3%	33.3% #805ACF	RGB 128 90 207	#805ACF
50.0%	50.0% #9169D5	RGB 145 105 213	#9169D5
66.7%	66.7% #A278DA	RGB 162 120 218	#A278DA
83.3%	83.3% #B387DF	RGB 179 135 223	#B387DF
100.0%	100.0% #C597E5	RGB 197 151 229	#C597E5

#5E3CC5 #6F4BCA #805ACF #9169D5 #A278DA #B387DF #C597E5

#5E3CC5 - #C597E5

HSV Blend

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

0.0%	0.0% #5E3CC5	RGB 94 60 197	#5E3CC5
16.7%	16.7% #7049CA	RGB 112 73 202	#7049CA
33.3%	33.3% #8357CF	RGB 131 87 207	#8357CF
50.0%	50.0% #9466D5	RGB 148 102 213	#9466D5
66.7%	66.7% #A576DA	RGB 165 118 218	#A576DA
83.3%	83.3% #B586DF	RGB 181 134 223	#B586DF
100.0%	100.0% #C597E5	RGB 197 151 229	#C597E5

#5E3CC5 #7049CA #8357CF #9466D5 #A576DA #B586DF #C597E5

#5E3CC5 - #9466D5 - #C597E5

CSS codes

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

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