#581E5E - #240037 | 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 #581E5E to #240037

#581E5E #240037

Calculate the color between two colors, #581E5E and #240037. 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)

#581E5E - #240037 | 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 #581E5E as 0% and #240037 as 100%.

0.0%	0.0% #581E5E	RGB 88 30 94	#581E5E
16.7%	16.7% #4F1957	RGB 79 25 87	#4F1957
33.3%	33.3% #461451	RGB 70 20 81	#461451
50.0%	50.0% #3E0F4A	RGB 62 15 74	#3E0F4A
66.7%	66.7% #350A44	RGB 53 10 68	#350A44
83.3%	83.3% #2C053D	RGB 44 5 61	#2C053D
100.0%	100.0% #240037	RGB 36 0 55	#240037

#581E5E #4F1957 #461451 #3E0F4A #350A44 #2C053D #240037

#581E5E - #240037

HSV Blend

#581E5E - #240037 | 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 #581E5E as 0% and #240037 as 100%.

0.0%	0.0% #571E5E	RGB 87 30 94	#571E5E
16.7%	16.7% #4E1757	RGB 78 23 87	#4E1757
33.3%	33.3% #451151	RGB 69 17 81	#451151
50.0%	50.0% #3C0B4A	RGB 60 11 74	#3C0B4A
66.7%	66.7% #340744	RGB 52 7 68	#340744
83.3%	83.3% #2B033D	RGB 43 3 61	#2B033D
100.0%	100.0% #240037	RGB 36 0 55	#240037

#571E5E #4E1757 #451151 #3C0B4A #340744 #2B033D #240037

#581E5E - #3C0B4A - #240037

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #571E5E 0%, #3C0B4A 50%, #240037 100%);
    background: -webkit-linear-gradient(top, #571E5E 0%, #3C0B4A 50%, #240037 100%);
    background: linear-gradient(to bottom, #571E5E 0%, #3C0B4A 50%, #240037 100%);
}
</style>