#5E3F7A - #240C26 | 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 #5E3F7A to #240C26

#5E3F7A #240C26

Calculate the color between two colors, #5E3F7A and #240C26. 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)

#5E3F7A - #240C26 | 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 #5E3F7A as 0% and #240C26 as 100%.

0.0%	0.0% #5E3F7A	RGB 94 63 122	#5E3F7A
16.7%	16.7% #54366C	RGB 84 54 108	#54366C
33.3%	33.3% #4A2E5E	RGB 74 46 94	#4A2E5E
50.0%	50.0% #412550	RGB 65 37 80	#412550
66.7%	66.7% #371D42	RGB 55 29 66	#371D42
83.3%	83.3% #2D1434	RGB 45 20 52	#2D1434
100.0%	100.0% #240C26	RGB 36 12 38	#240C26

#5E3F7A #54366C #4A2E5E #412550 #371D42 #2D1434 #240C26

#5E3F7A - #240C26

HSV Blend

#5E3F7A - #240C26 | 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 #5E3F7A as 0% and #240C26 as 100%.

0.0%	0.0% #5E3F7A	RGB 94 63 122	#5E3F7A
16.7%	16.7% #55346C	RGB 85 52 108	#55346C
33.3%	33.3% #4C2A5E	RGB 76 42 94	#4C2A5E
50.0%	50.0% #432150	RGB 67 33 80	#432150
66.7%	66.7% #391942	RGB 57 25 66	#391942
83.3%	83.3% #2F1234	RGB 47 18 52	#2F1234
100.0%	100.0% #240C26	RGB 36 12 38	#240C26

#5E3F7A #55346C #4C2A5E #432150 #391942 #2F1234 #240C26

#5E3F7A - #432150 - #240C26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3F7A 0%, #432150 50%, #240C26 100%);
    background: -webkit-linear-gradient(top, #5E3F7A 0%, #432150 50%, #240C26 100%);
    background: linear-gradient(to bottom, #5E3F7A 0%, #432150 50%, #240C26 100%);
}
</style>