#5E3B4D - #4D061C | 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 #5E3B4D to #4D061C

#5E3B4D #4D061C

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

#5E3B4D - #4D061C | 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 #5E3B4D as 0% and #4D061C as 100%.

0.0%	0.0% #5E3B4D	RGB 94 59 77	#5E3B4D
16.7%	16.7% #5B3244	RGB 91 50 68	#5B3244
33.3%	33.3% #58293C	RGB 88 41 60	#58293C
50.0%	50.0% #552034	RGB 85 32 52	#552034
66.7%	66.7% #52172C	RGB 82 23 44	#52172C
83.3%	83.3% #4F0E24	RGB 79 14 36	#4F0E24
100.0%	100.0% #4D061C	RGB 77 6 28	#4D061C

#5E3B4D #5B3244 #58293C #552034 #52172C #4F0E24 #4D061C

#5E3B4D - #4D061C

HSV Blend

#5E3B4D - #4D061C | 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 #5E3B4D as 0% and #4D061C as 100%.

0.0%	0.0% #5E3B4D	RGB 94 59 77	#5E3B4D
16.7%	16.7% #5B3045	RGB 91 48 69	#5B3045
33.3%	33.3% #58273D	RGB 88 39 61	#58273D
50.0%	50.0% #551E34	RGB 85 30 52	#551E34
66.7%	66.7% #52152C	RGB 82 21 44	#52152C
83.3%	83.3% #4F0D24	RGB 79 13 36	#4F0D24
100.0%	100.0% #4D061C	RGB 77 6 28	#4D061C

#5E3B4D #5B3045 #58273D #551E34 #52152C #4F0D24 #4D061C

#5E3B4D - #551E34 - #4D061C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3B4D 0%, #551E34 50%, #4D061C 100%);
    background: -webkit-linear-gradient(top, #5E3B4D 0%, #551E34 50%, #4D061C 100%);
    background: linear-gradient(to bottom, #5E3B4D 0%, #551E34 50%, #4D061C 100%);
}
</style>