#5E46DC - #2F007F | 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 #5E46DC to #2F007F

#5E46DC #2F007F

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

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

0.0%	0.0% #5E46DC	RGB 94 70 220	#5E46DC
16.7%	16.7% #563ACC	RGB 86 58 204	#563ACC
33.3%	33.3% #4E2EBD	RGB 78 46 189	#4E2EBD
50.0%	50.0% #4623AD	RGB 70 35 173	#4623AD
66.7%	66.7% #3E179E	RGB 62 23 158	#3E179E
83.3%	83.3% #360B8E	RGB 54 11 142	#360B8E
100.0%	100.0% #2F007F	RGB 47 0 127	#2F007F

#5E46DC #563ACC #4E2EBD #4623AD #3E179E #360B8E #2F007F

#5E46DC - #2F007F

HSV Blend

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

0.0%	0.0% #5E46DC	RGB 94 70 220	#5E46DC
16.7%	16.7% #5336CC	RGB 83 54 204	#5336CC
33.3%	33.3% #4A28BD	RGB 74 40 189	#4A28BD
50.0%	50.0% #421BAD	RGB 66 27 173	#421BAD
66.7%	66.7% #3B109E	RGB 59 16 158	#3B109E
83.3%	83.3% #34078E	RGB 52 7 142	#34078E
100.0%	100.0% #2F007F	RGB 47 0 127	#2F007F

#5E46DC #5336CC #4A28BD #421BAD #3B109E #34078E #2F007F

#5E46DC - #421BAD - #2F007F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E46DC 0%, #421BAD 50%, #2F007F 100%);
    background: -webkit-linear-gradient(top, #5E46DC 0%, #421BAD 50%, #2F007F 100%);
    background: linear-gradient(to bottom, #5E46DC 0%, #421BAD 50%, #2F007F 100%);
}
</style>