#5E3940 - #BA61AF | 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 #5E3940 to #BA61AF

#5E3940 #BA61AF

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

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

0.0%	0.0% #5E3940	RGB 94 57 64	#5E3940
16.7%	16.7% #6D3F52	RGB 109 63 82	#6D3F52
33.3%	33.3% #7C4665	RGB 124 70 101	#7C4665
50.0%	50.0% #8C4D77	RGB 140 77 119	#8C4D77
66.7%	66.7% #9B538A	RGB 155 83 138	#9B538A
83.3%	83.3% #AA5A9C	RGB 170 90 156	#AA5A9C
100.0%	100.0% #BA61AF	RGB 186 97 175	#BA61AF

#5E3940 #6D3F52 #7C4665 #8C4D77 #9B538A #AA5A9C #BA61AF

#5E3940 - #BA61AF

HSV Blend

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

0.0%	0.0% #5E393F	RGB 94 57 63	#5E393F
16.7%	16.7% #6D404E	RGB 109 64 78	#6D404E
33.3%	33.3% #7C485E	RGB 124 72 94	#7C485E
50.0%	50.0% #8C4E6F	RGB 140 78 111	#8C4E6F
66.7%	66.7% #9B5582	RGB 155 85 130	#9B5582
83.3%	83.3% #AA5B97	RGB 170 91 151	#AA5B97
100.0%	100.0% #BA61AF	RGB 186 97 175	#BA61AF

#5E393F #6D404E #7C485E #8C4E6F #9B5582 #AA5B97 #BA61AF

#5E3940 - #8C4E6F - #BA61AF

CSS codes

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

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