#271123 - #5D3C5E | 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 #271123 to #5D3C5E

#271123 #5D3C5E

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

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

0.0%	0.0% #271123	RGB 39 17 35	#271123
16.7%	16.7% #30182C	RGB 48 24 44	#30182C
33.3%	33.3% #391F36	RGB 57 31 54	#391F36
50.0%	50.0% #422640	RGB 66 38 64	#422640
66.7%	66.7% #4B2D4A	RGB 75 45 74	#4B2D4A
83.3%	83.3% #543454	RGB 84 52 84	#543454
100.0%	100.0% #5D3C5E	RGB 93 60 94	#5D3C5E

#271123 #30182C #391F36 #422640 #4B2D4A #543454 #5D3C5E

#271123 - #5D3C5E

HSV Blend

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

0.0%	0.0% #271123	RGB 39 17 35	#271123
16.7%	16.7% #30162C	RGB 48 22 44	#30162C
33.3%	33.3% #391C36	RGB 57 28 54	#391C36
50.0%	50.0% #422340	RGB 66 35 64	#422340
66.7%	66.7% #4B2B4A	RGB 75 43 74	#4B2B4A
83.3%	83.3% #543354	RGB 84 51 84	#543354
100.0%	100.0% #5D3C5E	RGB 93 60 94	#5D3C5E

#271123 #30162C #391C36 #422340 #4B2B4A #543354 #5D3C5E

#271123 - #422340 - #5D3C5E

CSS codes

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

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