#5E2D4B - #191718 | 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 #5E2D4B to #191718

#5E2D4B #191718

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

#5E2D4B - #191718 | 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 #5E2D4B as 0% and #191718 as 100%.

0.0%	0.0% #5E2D4B	RGB 94 45 75	#5E2D4B
16.7%	16.7% #522942	RGB 82 41 66	#522942
33.3%	33.3% #47253A	RGB 71 37 58	#47253A
50.0%	50.0% #3B2231	RGB 59 34 49	#3B2231
66.7%	66.7% #301E29	RGB 48 30 41	#301E29
83.3%	83.3% #241A20	RGB 36 26 32	#241A20
100.0%	100.0% #191718	RGB 25 23 24	#191718

#5E2D4B #522942 #47253A #3B2231 #301E29 #241A20 #191718

#5E2D4B - #191718

HSV Blend

#5E2D4B - #191718 | 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 #5E2D4B as 0% and #191718 as 100%.

0.0%	0.0% #5E2D4B	RGB 94 45 75	#5E2D4B
16.7%	16.7% #522D43	RGB 82 45 67	#522D43
33.3%	33.3% #472C3B	RGB 71 44 59	#472C3B
50.0%	50.0% #3B2933	RGB 59 41 51	#3B2933
66.7%	66.7% #30252A	RGB 48 37 42	#30252A
83.3%	83.3% #241E21	RGB 36 30 33	#241E21
100.0%	100.0% #191718	RGB 25 23 24	#191718

#5E2D4B #522D43 #472C3B #3B2933 #30252A #241E21 #191718

#5E2D4B - #3B2933 - #191718

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D4B 0%, #3B2933 50%, #191718 100%);
    background: -webkit-linear-gradient(top, #5E2D4B 0%, #3B2933 50%, #191718 100%);
    background: linear-gradient(to bottom, #5E2D4B 0%, #3B2933 50%, #191718 100%);
}
</style>