#5E004E - #2D000D | 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 #5E004E to #2D000D

#5E004E #2D000D

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

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

0.0%	0.0% #5E004E	RGB 94 0 78	#5E004E
16.7%	16.7% #550043	RGB 85 0 67	#550043
33.3%	33.3% #4D0038	RGB 77 0 56	#4D0038
50.0%	50.0% #45002D	RGB 69 0 45	#45002D
66.7%	66.7% #3D0022	RGB 61 0 34	#3D0022
83.3%	83.3% #350017	RGB 53 0 23	#350017
100.0%	100.0% #2D000D	RGB 45 0 13	#2D000D

#5E004E #550043 #4D0038 #45002D #3D0022 #350017 #2D000D

#5E004E - #2D000D

HSV Blend

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

0.0%	0.0% #5E004D	RGB 94 0 77	#5E004D
16.7%	16.7% #55003F	RGB 85 0 63	#55003F
33.3%	33.3% #4D0032	RGB 77 0 50	#4D0032
50.0%	50.0% #450026	RGB 69 0 38	#450026
66.7%	66.7% #3D001C	RGB 61 0 28	#3D001C
83.3%	83.3% #350014	RGB 53 0 20	#350014
100.0%	100.0% #2D000D	RGB 45 0 13	#2D000D

#5E004D #55003F #4D0032 #450026 #3D001C #350014 #2D000D

#5E004E - #450026 - #2D000D

CSS codes

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

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