#5E58DA - #330081 | 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 #5E58DA to #330081

#5E58DA #330081

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

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

0.0%	0.0% #5E58DA	RGB 94 88 218	#5E58DA
16.7%	16.7% #5649CB	RGB 86 73 203	#5649CB
33.3%	33.3% #4F3ABC	RGB 79 58 188	#4F3ABC
50.0%	50.0% #482CAD	RGB 72 44 173	#482CAD
66.7%	66.7% #411D9E	RGB 65 29 158	#411D9E
83.3%	83.3% #3A0E8F	RGB 58 14 143	#3A0E8F
100.0%	100.0% #330081	RGB 51 0 129	#330081

#5E58DA #5649CB #4F3ABC #482CAD #411D9E #3A0E8F #330081

#5E58DA - #330081

HSV Blend

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

0.0%	0.0% #5D58DA	RGB 93 88 218	#5D58DA
16.7%	16.7% #5244CB	RGB 82 68 203	#5244CB
33.3%	33.3% #4932BC	RGB 73 50 188	#4932BC
50.0%	50.0% #4123AD	RGB 65 35 173	#4123AD
66.7%	66.7% #3B159E	RGB 59 21 158	#3B159E
83.3%	83.3% #36098F	RGB 54 9 143	#36098F
100.0%	100.0% #330081	RGB 51 0 129	#330081

#5D58DA #5244CB #4932BC #4123AD #3B159E #36098F #330081

#5E58DA - #4123AD - #330081

CSS codes

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

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