#5E4DFF - #2D00B1 | 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 #5E4DFF to #2D00B1

#5E4DFF #2D00B1

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

#5E4DFF - #2D00B1 | 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 #5E4DFF as 0% and #2D00B1 as 100%.

0.0%	0.0% #5E4DFF	RGB 94 77 255	#5E4DFF
16.7%	16.7% #5540F2	RGB 85 64 242	#5540F2
33.3%	33.3% #4D33E5	RGB 77 51 229	#4D33E5
50.0%	50.0% #4526D8	RGB 69 38 216	#4526D8
66.7%	66.7% #3D19CB	RGB 61 25 203	#3D19CB
83.3%	83.3% #350CBE	RGB 53 12 190	#350CBE
100.0%	100.0% #2D00B1	RGB 45 0 177	#2D00B1

#5E4DFF #5540F2 #4D33E5 #4526D8 #3D19CB #350CBE #2D00B1

#5E4DFF - #2D00B1

HSV Blend

#5E4DFF - #2D00B1 | 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 #5E4DFF as 0% and #2D00B1 as 100%.

0.0%	0.0% #5E4DFF	RGB 94 77 255	#5E4DFF
16.7%	16.7% #523CF2	RGB 82 60 242	#523CF2
33.3%	33.3% #492EE5	RGB 73 46 229	#492EE5
50.0%	50.0% #4020D8	RGB 64 32 216	#4020D8
66.7%	66.7% #3914CB	RGB 57 20 203	#3914CB
83.3%	83.3% #3209BE	RGB 50 9 190	#3209BE
100.0%	100.0% #2D00B1	RGB 45 0 177	#2D00B1

#5E4DFF #523CF2 #492EE5 #4020D8 #3914CB #3209BE #2D00B1

#5E4DFF - #4020D8 - #2D00B1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4DFF 0%, #4020D8 50%, #2D00B1 100%);
    background: -webkit-linear-gradient(top, #5E4DFF 0%, #4020D8 50%, #2D00B1 100%);
    background: linear-gradient(to bottom, #5E4DFF 0%, #4020D8 50%, #2D00B1 100%);
}
</style>