#5E2148 - #BA3765 | 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 #5E2148 to #BA3765

#5E2148 #BA3765

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

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

0.0%	0.0% #5E2148	RGB 94 33 72	#5E2148
16.7%	16.7% #6D244C	RGB 109 36 76	#6D244C
33.3%	33.3% #7C2851	RGB 124 40 81	#7C2851
50.0%	50.0% #8C2C56	RGB 140 44 86	#8C2C56
66.7%	66.7% #9B2F5B	RGB 155 47 91	#9B2F5B
83.3%	83.3% #AA3360	RGB 170 51 96	#AA3360
100.0%	100.0% #BA3765	RGB 186 55 101	#BA3765

#5E2148 #6D244C #7C2851 #8C2C56 #9B2F5B #AA3360 #BA3765

#5E2148 - #BA3765

HSV Blend

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

0.0%	0.0% #5E2147	RGB 94 33 71	#5E2147
16.7%	16.7% #6D254F	RGB 109 37 79	#6D254F
33.3%	33.3% #7C2956	RGB 124 41 86	#7C2956
50.0%	50.0% #8C2D5C	RGB 140 45 92	#8C2D5C
66.7%	66.7% #9B3060	RGB 155 48 96	#9B3060
83.3%	83.3% #AA3463	RGB 170 52 99	#AA3463
100.0%	100.0% #BA3765	RGB 186 55 101	#BA3765

#5E2147 #6D254F #7C2956 #8C2D5C #9B3060 #AA3463 #BA3765

#5E2148 - #8C2D5C - #BA3765

CSS codes

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

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