#5E496D - #241320 | 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 #5E496D to #241320

#5E496D #241320

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

#5E496D - #241320 | 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 #5E496D as 0% and #241320 as 100%.

0.0%	0.0% #5E496D	RGB 94 73 109	#5E496D
16.7%	16.7% #544060	RGB 84 64 96	#544060
33.3%	33.3% #4A3753	RGB 74 55 83	#4A3753
50.0%	50.0% #412E46	RGB 65 46 70	#412E46
66.7%	66.7% #372539	RGB 55 37 57	#372539
83.3%	83.3% #2D1C2C	RGB 45 28 44	#2D1C2C
100.0%	100.0% #241320	RGB 36 19 32	#241320

#5E496D #544060 #4A3753 #412E46 #372539 #2D1C2C #241320

#5E496D - #241320

HSV Blend

#5E496D - #241320 | 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 #5E496D as 0% and #241320 as 100%.

0.0%	0.0% #5E496D	RGB 94 73 109	#5E496D
16.7%	16.7% #563E60	RGB 86 62 96	#563E60
33.3%	33.3% #4E3454	RGB 78 52 84	#4E3454
50.0%	50.0% #452B48	RGB 69 43 72	#452B48
66.7%	66.7% #3C223B	RGB 60 34 59	#3C223B
83.3%	83.3% #301A2D	RGB 48 26 45	#301A2D
100.0%	100.0% #241320	RGB 36 19 32	#241320

#5E496D #563E60 #4E3454 #452B48 #3C223B #301A2D #241320

#5E496D - #452B48 - #241320

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E496D 0%, #452B48 50%, #241320 100%);
    background: -webkit-linear-gradient(top, #5E496D 0%, #452B48 50%, #241320 100%);
    background: linear-gradient(to bottom, #5E496D 0%, #452B48 50%, #241320 100%);
}
</style>