#5E3E5C - #400D21 | 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 #5E3E5C to #400D21

#5E3E5C #400D21

Calculate the color between two colors, #5E3E5C and #400D21. 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)

#5E3E5C - #400D21 | 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 #5E3E5C as 0% and #400D21 as 100%.

0.0%	0.0% #5E3E5C	RGB 94 62 92	#5E3E5C
16.7%	16.7% #593552	RGB 89 53 82	#593552
33.3%	33.3% #542D48	RGB 84 45 72	#542D48
50.0%	50.0% #4F253E	RGB 79 37 62	#4F253E
66.7%	66.7% #4A1D34	RGB 74 29 52	#4A1D34
83.3%	83.3% #45152A	RGB 69 21 42	#45152A
100.0%	100.0% #400D21	RGB 64 13 33	#400D21

#5E3E5C #593552 #542D48 #4F253E #4A1D34 #45152A #400D21

#5E3E5C - #400D21

HSV Blend

#5E3E5C - #400D21 | 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 #5E3E5C as 0% and #400D21 as 100%.

0.0%	0.0% #5E3E5C	RGB 94 62 92	#5E3E5C
16.7%	16.7% #593353	RGB 89 51 83	#593353
33.3%	33.3% #542A49	RGB 84 42 73	#542A49
50.0%	50.0% #4F223F	RGB 79 34 63	#4F223F
66.7%	66.7% #4A1A35	RGB 74 26 53	#4A1A35
83.3%	83.3% #45132B	RGB 69 19 43	#45132B
100.0%	100.0% #400D21	RGB 64 13 33	#400D21

#5E3E5C #593353 #542A49 #4F223F #4A1A35 #45132B #400D21

#5E3E5C - #4F223F - #400D21

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E5C 0%, #4F223F 50%, #400D21 100%);
    background: -webkit-linear-gradient(top, #5E3E5C 0%, #4F223F 50%, #400D21 100%);
    background: linear-gradient(to bottom, #5E3E5C 0%, #4F223F 50%, #400D21 100%);
}
</style>