#5E195D - #BA598D | 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 #5E195D to #BA598D

#5E195D #BA598D

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

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

0.0%	0.0% #5E195D	RGB 94 25 93	#5E195D
16.7%	16.7% #6D2365	RGB 109 35 101	#6D2365
33.3%	33.3% #7C2E6D	RGB 124 46 109	#7C2E6D
50.0%	50.0% #8C3975	RGB 140 57 117	#8C3975
66.7%	66.7% #9B437D	RGB 155 67 125	#9B437D
83.3%	83.3% #AA4E85	RGB 170 78 133	#AA4E85
100.0%	100.0% #BA598D	RGB 186 89 141	#BA598D

#5E195D #6D2365 #7C2E6D #8C3975 #9B437D #AA4E85 #BA598D

#5E195D - #BA598D

HSV Blend

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

0.0%	0.0% #5E195D	RGB 94 25 93	#5E195D
16.7%	16.7% #6D2066	RGB 109 32 102	#6D2066
33.3%	33.3% #7C296F	RGB 124 41 111	#7C296F
50.0%	50.0% #8C3476	RGB 140 52 118	#8C3476
66.7%	66.7% #9B3F7E	RGB 155 63 126	#9B3F7E
83.3%	83.3% #AA4B85	RGB 170 75 133	#AA4B85
100.0%	100.0% #BA598D	RGB 186 89 141	#BA598D

#5E195D #6D2066 #7C296F #8C3476 #9B3F7E #AA4B85 #BA598D

#5E195D - #8C3476 - #BA598D

CSS codes

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

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