#5E37FF - #2900AB | 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 #5E37FF to #2900AB

#5E37FF #2900AB

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

#5E37FF - #2900AB | 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 #5E37FF as 0% and #2900AB as 100%.

0.0%	0.0% #5E37FF	RGB 94 55 255	#5E37FF
16.7%	16.7% #552DF1	RGB 85 45 241	#552DF1
33.3%	33.3% #4C24E3	RGB 76 36 227	#4C24E3
50.0%	50.0% #431BD5	RGB 67 27 213	#431BD5
66.7%	66.7% #3A12C7	RGB 58 18 199	#3A12C7
83.3%	83.3% #3109B9	RGB 49 9 185	#3109B9
100.0%	100.0% #2900AB	RGB 41 0 171	#2900AB

#5E37FF #552DF1 #4C24E3 #431BD5 #3A12C7 #3109B9 #2900AB

#5E37FF - #2900AB

HSV Blend

#5E37FF - #2900AB | 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 #5E37FF as 0% and #2900AB as 100%.

0.0%	0.0% #5D37FF	RGB 93 55 255	#5D37FF
16.7%	16.7% #532BF1	RGB 83 43 241	#532BF1
33.3%	33.3% #4920E3	RGB 73 32 227	#4920E3
50.0%	50.0% #4016D5	RGB 64 22 213	#4016D5
66.7%	66.7% #370EC7	RGB 55 14 199	#370EC7
83.3%	83.3% #3006B9	RGB 48 6 185	#3006B9
100.0%	100.0% #2900AB	RGB 41 0 171	#2900AB

#5D37FF #532BF1 #4920E3 #4016D5 #370EC7 #3006B9 #2900AB

#5E37FF - #4016D5 - #2900AB

CSS codes

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

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