#5E3149 - #2F0D15 | 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 #5E3149 to #2F0D15

#5E3149 #2F0D15

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

#5E3149 - #2F0D15 | 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 #5E3149 as 0% and #2F0D15 as 100%.

0.0%	0.0% #5E3149	RGB 94 49 73	#5E3149
16.7%	16.7% #562B40	RGB 86 43 64	#562B40
33.3%	33.3% #4E2537	RGB 78 37 55	#4E2537
50.0%	50.0% #461F2F	RGB 70 31 47	#461F2F
66.7%	66.7% #3E1926	RGB 62 25 38	#3E1926
83.3%	83.3% #36131D	RGB 54 19 29	#36131D
100.0%	100.0% #2F0D15	RGB 47 13 21	#2F0D15

#5E3149 #562B40 #4E2537 #461F2F #3E1926 #36131D #2F0D15

#5E3149 - #2F0D15

HSV Blend

#5E3149 - #2F0D15 | 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 #5E3149 as 0% and #2F0D15 as 100%.

0.0%	0.0% #5E3149	RGB 94 49 73	#5E3149
16.7%	16.7% #56293F	RGB 86 41 63	#56293F
33.3%	33.3% #4E2235	RGB 78 34 53	#4E2235
50.0%	50.0% #461C2C	RGB 70 28 44	#461C2C
66.7%	66.7% #3E1623	RGB 62 22 35	#3E1623
83.3%	83.3% #36111C	RGB 54 17 28	#36111C
100.0%	100.0% #2F0D15	RGB 47 13 21	#2F0D15

#5E3149 #56293F #4E2235 #461C2C #3E1623 #36111C #2F0D15

#5E3149 - #461C2C - #2F0D15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3149 0%, #461C2C 50%, #2F0D15 100%);
    background: -webkit-linear-gradient(top, #5E3149 0%, #461C2C 50%, #2F0D15 100%);
    background: linear-gradient(to bottom, #5E3149 0%, #461C2C 50%, #2F0D15 100%);
}
</style>