#271125 - #5B3C5E | 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 #271125 to #5B3C5E

#271125 #5B3C5E

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

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

0.0%	0.0% #271125	RGB 39 17 37	#271125
16.7%	16.7% #2F182E	RGB 47 24 46	#2F182E
33.3%	33.3% #381F38	RGB 56 31 56	#381F38
50.0%	50.0% #412641	RGB 65 38 65	#412641
66.7%	66.7% #492D4B	RGB 73 45 75	#492D4B
83.3%	83.3% #523454	RGB 82 52 84	#523454
100.0%	100.0% #5B3C5E	RGB 91 60 94	#5B3C5E

#271125 #2F182E #381F38 #412641 #492D4B #523454 #5B3C5E

#271125 - #5B3C5E

HSV Blend

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

0.0%	0.0% #271124	RGB 39 17 36	#271124
16.7%	16.7% #30162E	RGB 48 22 46	#30162E
33.3%	33.3% #391C38	RGB 57 28 56	#391C38
50.0%	50.0% #422342	RGB 66 35 66	#422342
66.7%	66.7% #4A2B4B	RGB 74 43 75	#4A2B4B
83.3%	83.3% #523354	RGB 82 51 84	#523354
100.0%	100.0% #5B3C5E	RGB 91 60 94	#5B3C5E

#271124 #30162E #391C38 #422342 #4A2B4B #523354 #5B3C5E

#271125 - #422342 - #5B3C5E

CSS codes

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

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