#5E2D3B - #997CA8 | 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 #5E2D3B to #997CA8

#5E2D3B #997CA8

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

#5E2D3B - #997CA8 | 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 #5E2D3B as 0% and #997CA8 as 100%.

0.0%	0.0% #5E2D3B	RGB 94 45 59	#5E2D3B
16.7%	16.7% #673A4D	RGB 103 58 77	#673A4D
33.3%	33.3% #71475F	RGB 113 71 95	#71475F
50.0%	50.0% #7B5471	RGB 123 84 113	#7B5471
66.7%	66.7% #856183	RGB 133 97 131	#856183
83.3%	83.3% #8F6E95	RGB 143 110 149	#8F6E95
100.0%	100.0% #997CA8	RGB 153 124 168	#997CA8

#5E2D3B #673A4D #71475F #7B5471 #856183 #8F6E95 #997CA8

#5E2D3B - #997CA8

HSV Blend

#5E2D3B - #997CA8 | 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 #5E2D3B as 0% and #997CA8 as 100%.

0.0%	0.0% #5E2D3B	RGB 94 45 59	#5E2D3B
16.7%	16.7% #6A374E	RGB 106 55 78	#6A374E
33.3%	33.3% #764363	RGB 118 67 99	#764363
50.0%	50.0% #834F79	RGB 131 79 121	#834F79
66.7%	66.7% #8F5D8E	RGB 143 93 142	#8F5D8E
83.3%	83.3% #936C9B	RGB 147 108 155	#936C9B
100.0%	100.0% #997CA8	RGB 153 124 168	#997CA8

#5E2D3B #6A374E #764363 #834F79 #8F5D8E #936C9B #997CA8

#5E2D3B - #834F79 - #997CA8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D3B 0%, #834F79 50%, #997CA8 100%);
    background: -webkit-linear-gradient(top, #5E2D3B 0%, #834F79 50%, #997CA8 100%);
    background: linear-gradient(to bottom, #5E2D3B 0%, #834F79 50%, #997CA8 100%);
}
</style>