#5E3C5D - #271219 | 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 #5E3C5D to #271219

#5E3C5D #271219

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

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

0.0%	0.0% #5E3C5D	RGB 94 60 93	#5E3C5D
16.7%	16.7% #543551	RGB 84 53 81	#543551
33.3%	33.3% #4B2E46	RGB 75 46 70	#4B2E46
50.0%	50.0% #42273B	RGB 66 39 59	#42273B
66.7%	66.7% #39202F	RGB 57 32 47	#39202F
83.3%	83.3% #301924	RGB 48 25 36	#301924
100.0%	100.0% #271219	RGB 39 18 25	#271219

#5E3C5D #543551 #4B2E46 #42273B #39202F #301924 #271219

#5E3C5D - #271219

HSV Blend

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

0.0%	0.0% #5E3C5C	RGB 94 60 92	#5E3C5C
16.7%	16.7% #543350	RGB 84 51 80	#543350
33.3%	33.3% #4B2B43	RGB 75 43 67	#4B2B43
50.0%	50.0% #422438	RGB 66 36 56	#422438
66.7%	66.7% #391D2C	RGB 57 29 44	#391D2C
83.3%	83.3% #301722	RGB 48 23 34	#301722
100.0%	100.0% #271219	RGB 39 18 25	#271219

#5E3C5C #543350 #4B2B43 #422438 #391D2C #301722 #271219

#5E3C5D - #422438 - #271219

CSS codes

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

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