#5E5AD6 - #33027D | 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 #5E5AD6 to #33027D

#5E5AD6 #33027D

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

#5E5AD6 - #33027D | 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 #5E5AD6 as 0% and #33027D as 100%.

0.0%	0.0% #5E5AD6	RGB 94 90 214	#5E5AD6
16.7%	16.7% #564BC7	RGB 86 75 199	#564BC7
33.3%	33.3% #4F3CB8	RGB 79 60 184	#4F3CB8
50.0%	50.0% #482EA9	RGB 72 46 169	#482EA9
66.7%	66.7% #411F9A	RGB 65 31 154	#411F9A
83.3%	83.3% #3A108B	RGB 58 16 139	#3A108B
100.0%	100.0% #33027D	RGB 51 2 125	#33027D

#5E5AD6 #564BC7 #4F3CB8 #482EA9 #411F9A #3A108B #33027D

#5E5AD6 - #33027D

HSV Blend

#5E5AD6 - #33027D | 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 #5E5AD6 as 0% and #33027D as 100%.

0.0%	0.0% #5E5AD6	RGB 94 90 214	#5E5AD6
16.7%	16.7% #5246C7	RGB 82 70 199	#5246C7
33.3%	33.3% #4834B8	RGB 72 52 184	#4834B8
50.0%	50.0% #4124A9	RGB 65 36 169	#4124A9
66.7%	66.7% #3B179A	RGB 59 23 154	#3B179A
83.3%	83.3% #360B8B	RGB 54 11 139	#360B8B
100.0%	100.0% #33027D	RGB 51 2 125	#33027D

#5E5AD6 #5246C7 #4834B8 #4124A9 #3B179A #360B8B #33027D

#5E5AD6 - #4124A9 - #33027D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5AD6 0%, #4124A9 50%, #33027D 100%);
    background: -webkit-linear-gradient(top, #5E5AD6 0%, #4124A9 50%, #33027D 100%);
    background: linear-gradient(to bottom, #5E5AD6 0%, #4124A9 50%, #33027D 100%);
}
</style>