#5E53B6 - #330758 | 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 #5E53B6 to #330758

#5E53B6 #330758

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

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

0.0%	0.0% #5E53B6	RGB 94 83 182	#5E53B6
16.7%	16.7% #5646A6	RGB 86 70 166	#5646A6
33.3%	33.3% #4F3996	RGB 79 57 150	#4F3996
50.0%	50.0% #482D87	RGB 72 45 135	#482D87
66.7%	66.7% #412077	RGB 65 32 119	#412077
83.3%	83.3% #3A1367	RGB 58 19 103	#3A1367
100.0%	100.0% #330758	RGB 51 7 88	#330758

#5E53B6 #5646A6 #4F3996 #482D87 #412077 #3A1367 #330758

#5E53B6 - #330758

HSV Blend

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

0.0%	0.0% #5E53B6	RGB 94 83 182	#5E53B6
16.7%	16.7% #5341A6	RGB 83 65 166	#5341A6
33.3%	33.3% #4B3196	RGB 75 49 150	#4B3196
50.0%	50.0% #442487	RGB 68 36 135	#442487
66.7%	66.7% #3E1877	RGB 62 24 119	#3E1877
83.3%	83.3% #380E67	RGB 56 14 103	#380E67
100.0%	100.0% #330758	RGB 51 7 88	#330758

#5E53B6 #5341A6 #4B3196 #442487 #3E1877 #380E67 #330758

#5E53B6 - #442487 - #330758

CSS codes

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

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