#5E284B - #38060F | 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 #5E284B to #38060F

#5E284B #38060F

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

#5E284B - #38060F | 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 #5E284B as 0% and #38060F as 100%.

0.0%	0.0% #5E284B	RGB 94 40 75	#5E284B
16.7%	16.7% #572241	RGB 87 34 65	#572241
33.3%	33.3% #511C37	RGB 81 28 55	#511C37
50.0%	50.0% #4B172D	RGB 75 23 45	#4B172D
66.7%	66.7% #441123	RGB 68 17 35	#441123
83.3%	83.3% #3E0B19	RGB 62 11 25	#3E0B19
100.0%	100.0% #38060F	RGB 56 6 15	#38060F

#5E284B #572241 #511C37 #4B172D #441123 #3E0B19 #38060F

#5E284B - #38060F

HSV Blend

#5E284B - #38060F | 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 #5E284B as 0% and #38060F as 100%.

0.0%	0.0% #5E284B	RGB 94 40 75	#5E284B
16.7%	16.7% #572040	RGB 87 32 64	#572040
33.3%	33.3% #511935	RGB 81 25 53	#511935
50.0%	50.0% #4B132A	RGB 75 19 42	#4B132A
66.7%	66.7% #440E20	RGB 68 14 32	#440E20
83.3%	83.3% #3E0917	RGB 62 9 23	#3E0917
100.0%	100.0% #38060F	RGB 56 6 15	#38060F

#5E284B #572040 #511935 #4B132A #440E20 #3E0917 #38060F

#5E284B - #4B132A - #38060F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E284B 0%, #4B132A 50%, #38060F 100%);
    background: -webkit-linear-gradient(top, #5E284B 0%, #4B132A 50%, #38060F 100%);
    background: linear-gradient(to bottom, #5E284B 0%, #4B132A 50%, #38060F 100%);
}
</style>