#5E2B57 - #070717 | 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 #5E2B57 to #070717

#5E2B57 #070717

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

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

0.0%	0.0% #5E2B57	RGB 94 43 87	#5E2B57
16.7%	16.7% #4F254C	RGB 79 37 76	#4F254C
33.3%	33.3% #411F41	RGB 65 31 65	#411F41
50.0%	50.0% #321937	RGB 50 25 55	#321937
66.7%	66.7% #23132C	RGB 35 19 44	#23132C
83.3%	83.3% #150D21	RGB 21 13 33	#150D21
100.0%	100.0% #070717	RGB 7 7 23	#070717

#5E2B57 #4F254C #411F41 #321937 #23132C #150D21 #070717

#5E2B57 - #070717

HSV Blend

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

0.0%	0.0% #5E2B57	RGB 94 43 87	#5E2B57
16.7%	16.7% #4F2352	RGB 79 35 82	#4F2352
33.3%	33.3% #3C1C46	RGB 60 28 70	#3C1C46
50.0%	50.0% #2A163A	RGB 42 22 58	#2A163A
66.7%	66.7% #1B102E	RGB 27 16 46	#1B102E
83.3%	83.3% #0F0B22	RGB 15 11 34	#0F0B22
100.0%	100.0% #070717	RGB 7 7 23	#070717

#5E2B57 #4F2352 #3C1C46 #2A163A #1B102E #0F0B22 #070717

#5E2B57 - #2A163A - #070717

CSS codes

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

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