#5D1E3C - #BA5B5C | 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 #5D1E3C to #BA5B5C

#5D1E3C #BA5B5C

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

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

0.0%	0.0% #5D1E3C	RGB 93 30 60	#5D1E3C
16.7%	16.7% #6C2841	RGB 108 40 65	#6C2841
33.3%	33.3% #7C3246	RGB 124 50 70	#7C3246
50.0%	50.0% #8B3C4C	RGB 139 60 76	#8B3C4C
66.7%	66.7% #9B4651	RGB 155 70 81	#9B4651
83.3%	83.3% #AA5056	RGB 170 80 86	#AA5056
100.0%	100.0% #BA5B5C	RGB 186 91 92	#BA5B5C

#5D1E3C #6C2841 #7C3246 #8B3C4C #9B4651 #AA5056 #BA5B5C

#5D1E3C - #BA5B5C

HSV Blend

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

0.0%	0.0% #5D1E3C	RGB 93 30 60	#5D1E3C
16.7%	16.7% #6C2642	RGB 108 38 66	#6C2642
33.3%	33.3% #7C2E47	RGB 124 46 71	#7C2E47
50.0%	50.0% #8B384C	RGB 139 56 76	#8B384C
66.7%	66.7% #9B4351	RGB 155 67 81	#9B4351
83.3%	83.3% #AA4E56	RGB 170 78 86	#AA4E56
100.0%	100.0% #BA5B5C	RGB 186 91 92	#BA5B5C

#5D1E3C #6C2642 #7C2E47 #8B384C #9B4351 #AA4E56 #BA5B5C

#5D1E3C - #8B384C - #BA5B5C

CSS codes

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

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