#58234B - #BA6775 | 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 #58234B to #BA6775

#58234B #BA6775

Calculate the color between two colors, #58234B and #BA6775. 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)

#58234B - #BA6775 | 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 #58234B as 0% and #BA6775 as 100%.

0.0%	0.0% #58234B	RGB 88 35 75	#58234B
16.7%	16.7% #682E52	RGB 104 46 82	#682E52
33.3%	33.3% #783959	RGB 120 57 89	#783959
50.0%	50.0% #894560	RGB 137 69 96	#894560
66.7%	66.7% #995067	RGB 153 80 103	#995067
83.3%	83.3% #A95B6E	RGB 169 91 110	#A95B6E
100.0%	100.0% #BA6775	RGB 186 103 117	#BA6775

#58234B #682E52 #783959 #894560 #995067 #A95B6E #BA6775

#58234B - #BA6775

HSV Blend

#58234B - #BA6775 | 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 #58234B as 0% and #BA6775 as 100%.

0.0%	0.0% #58234B	RGB 88 35 75	#58234B
16.7%	16.7% #682C53	RGB 104 44 83	#682C53
33.3%	33.3% #78365B	RGB 120 54 91	#78365B
50.0%	50.0% #894162	RGB 137 65 98	#894162
66.7%	66.7% #994C68	RGB 153 76 104	#994C68
83.3%	83.3% #A9596E	RGB 169 89 110	#A9596E
100.0%	100.0% #BA6775	RGB 186 103 117	#BA6775

#58234B #682C53 #78365B #894162 #994C68 #A9596E #BA6775

#58234B - #894162 - #BA6775

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #58234B 0%, #894162 50%, #BA6775 100%);
    background: -webkit-linear-gradient(top, #58234B 0%, #894162 50%, #BA6775 100%);
    background: linear-gradient(to bottom, #58234B 0%, #894162 50%, #BA6775 100%);
}
</style>