#5E233B - #BD4362 | 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 #5E233B to #BD4362

#5E233B #BD4362

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

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

0.0%	0.0% #5E233B	RGB 94 35 59	#5E233B
16.7%	16.7% #6D2841	RGB 109 40 65	#6D2841
33.3%	33.3% #7D2D48	RGB 125 45 72	#7D2D48
50.0%	50.0% #8D334E	RGB 141 51 78	#8D334E
66.7%	66.7% #9D3855	RGB 157 56 85	#9D3855
83.3%	83.3% #AD3D5B	RGB 173 61 91	#AD3D5B
100.0%	100.0% #BD4362	RGB 189 67 98	#BD4362

#5E233B #6D2841 #7D2D48 #8D334E #9D3855 #AD3D5B #BD4362

#5E233B - #BD4362

HSV Blend

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

0.0%	0.0% #5E233A	RGB 94 35 58	#5E233A
16.7%	16.7% #6D2842	RGB 109 40 66	#6D2842
33.3%	33.3% #7D2E4A	RGB 125 46 74	#7D2E4A
50.0%	50.0% #8D3351	RGB 141 51 81	#8D3351
66.7%	66.7% #9D3857	RGB 157 56 87	#9D3857
83.3%	83.3% #AD3D5D	RGB 173 61 93	#AD3D5D
100.0%	100.0% #BD4362	RGB 189 67 98	#BD4362

#5E233A #6D2842 #7D2E4A #8D3351 #9D3857 #AD3D5D #BD4362

#5E233B - #8D3351 - #BD4362

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E233A 0%, #8D3351 50%, #BD4362 100%);
    background: -webkit-linear-gradient(top, #5E233A 0%, #8D3351 50%, #BD4362 100%);
    background: linear-gradient(to bottom, #5E233A 0%, #8D3351 50%, #BD4362 100%);
}
</style>