#5E415B - #470B15 | 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 #5E415B to #470B15

#5E415B #470B15

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

#5E415B - #470B15 | 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 #5E415B as 0% and #470B15 as 100%.

0.0%	0.0% #5E415B	RGB 94 65 91	#5E415B
16.7%	16.7% #5A384F	RGB 90 56 79	#5A384F
33.3%	33.3% #562F43	RGB 86 47 67	#562F43
50.0%	50.0% #522638	RGB 82 38 56	#522638
66.7%	66.7% #4E1D2C	RGB 78 29 44	#4E1D2C
83.3%	83.3% #4A1420	RGB 74 20 32	#4A1420
100.0%	100.0% #470B15	RGB 71 11 21	#470B15

#5E415B #5A384F #562F43 #522638 #4E1D2C #4A1420 #470B15

#5E415B - #470B15

HSV Blend

#5E415B - #470B15 | 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 #5E415B as 0% and #470B15 as 100%.

0.0%	0.0% #5E415B	RGB 94 65 91	#5E415B
16.7%	16.7% #5A3652	RGB 90 54 82	#5A3652
33.3%	33.3% #562C47	RGB 86 44 71	#562C47
50.0%	50.0% #52223C	RGB 82 34 60	#52223C
66.7%	66.7% #4E1A2F	RGB 78 26 47	#4E1A2F
83.3%	83.3% #4A1222	RGB 74 18 34	#4A1222
100.0%	100.0% #470B15	RGB 71 11 21	#470B15

#5E415B #5A3652 #562C47 #52223C #4E1A2F #4A1222 #470B15

#5E415B - #52223C - #470B15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E415B 0%, #52223C 50%, #470B15 100%);
    background: -webkit-linear-gradient(top, #5E415B 0%, #52223C 50%, #470B15 100%);
    background: linear-gradient(to bottom, #5E415B 0%, #52223C 50%, #470B15 100%);
}
</style>