#5E4C6B - #241520 | 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 #5E4C6B to #241520

#5E4C6B #241520

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

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

0.0%	0.0% #5E4C6B	RGB 94 76 107	#5E4C6B
16.7%	16.7% #54425E	RGB 84 66 94	#54425E
33.3%	33.3% #4A3952	RGB 74 57 82	#4A3952
50.0%	50.0% #413045	RGB 65 48 69	#413045
66.7%	66.7% #372739	RGB 55 39 57	#372739
83.3%	83.3% #2D1E2C	RGB 45 30 44	#2D1E2C
100.0%	100.0% #241520	RGB 36 21 32	#241520

#5E4C6B #54425E #4A3952 #413045 #372739 #2D1E2C #241520

#5E4C6B - #241520

HSV Blend

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

0.0%	0.0% #5E4C6B	RGB 94 76 107	#5E4C6B
16.7%	16.7% #56415F	RGB 86 65 95	#56415F
33.3%	33.3% #4E3753	RGB 78 55 83	#4E3753
50.0%	50.0% #452E47	RGB 69 46 71	#452E47
66.7%	66.7% #3B253A	RGB 59 37 58	#3B253A
83.3%	83.3% #2F1C2C	RGB 47 28 44	#2F1C2C
100.0%	100.0% #241520	RGB 36 21 32	#241520

#5E4C6B #56415F #4E3753 #452E47 #3B253A #2F1C2C #241520

#5E4C6B - #452E47 - #241520

CSS codes

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

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