#5E55C5 - #330468 | 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 #5E55C5 to #330468

#5E55C5 #330468

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

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

0.0%	0.0% #5E55C5	RGB 94 85 197	#5E55C5
16.7%	16.7% #5647B5	RGB 86 71 181	#5647B5
33.3%	33.3% #4F3AA6	RGB 79 58 166	#4F3AA6
50.0%	50.0% #482C96	RGB 72 44 150	#482C96
66.7%	66.7% #411F87	RGB 65 31 135	#411F87
83.3%	83.3% #3A1177	RGB 58 17 119	#3A1177
100.0%	100.0% #330468	RGB 51 4 104	#330468

#5E55C5 #5647B5 #4F3AA6 #482C96 #411F87 #3A1177 #330468

#5E55C5 - #330468

HSV Blend

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

0.0%	0.0% #5D55C5	RGB 93 85 197	#5D55C5
16.7%	16.7% #5342B5	RGB 83 66 181	#5342B5
33.3%	33.3% #4A31A6	RGB 74 49 166	#4A31A6
50.0%	50.0% #432396	RGB 67 35 150	#432396
66.7%	66.7% #3D1687	RGB 61 22 135	#3D1687
83.3%	83.3% #370C77	RGB 55 12 119	#370C77
100.0%	100.0% #330468	RGB 51 4 104	#330468

#5D55C5 #5342B5 #4A31A6 #432396 #3D1687 #370C77 #330468

#5E55C5 - #432396 - #330468

CSS codes

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

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