#5E2BFF - #2700A8 | 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 #5E2BFF to #2700A8

#5E2BFF #2700A8

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

#5E2BFF - #2700A8 | 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 #5E2BFF as 0% and #2700A8 as 100%.

0.0%	0.0% #5E2BFF	RGB 94 43 255	#5E2BFF
16.7%	16.7% #5423F0	RGB 84 35 240	#5423F0
33.3%	33.3% #4B1CE2	RGB 75 28 226	#4B1CE2
50.0%	50.0% #4215D3	RGB 66 21 211	#4215D3
66.7%	66.7% #390EC5	RGB 57 14 197	#390EC5
83.3%	83.3% #3007B6	RGB 48 7 182	#3007B6
100.0%	100.0% #2700A8	RGB 39 0 168	#2700A8

#5E2BFF #5423F0 #4B1CE2 #4215D3 #390EC5 #3007B6 #2700A8

#5E2BFF - #2700A8

HSV Blend

#5E2BFF - #2700A8 | 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 #5E2BFF as 0% and #2700A8 as 100%.

0.0%	0.0% #5D2AFF	RGB 93 42 255	#5D2AFF
16.7%	16.7% #5321F0	RGB 83 33 240	#5321F0
33.3%	33.3% #4919E2	RGB 73 25 226	#4919E2
50.0%	50.0% #3F11D3	RGB 63 17 211	#3F11D3
66.7%	66.7% #360BC5	RGB 54 11 197	#360BC5
83.3%	83.3% #2E05B6	RGB 46 5 182	#2E05B6
100.0%	100.0% #2700A8	RGB 39 0 168	#2700A8

#5D2AFF #5321F0 #4919E2 #3F11D3 #360BC5 #2E05B6 #2700A8

#5E2BFF - #3F11D3 - #2700A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D2AFF 0%, #3F11D3 50%, #2700A8 100%);
    background: -webkit-linear-gradient(top, #5D2AFF 0%, #3F11D3 50%, #2700A8 100%);
    background: linear-gradient(to bottom, #5D2AFF 0%, #3F11D3 50%, #2700A8 100%);
}
</style>