#5E2F59 - #BA4DD8 | 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 #5E2F59 to #BA4DD8

#5E2F59 #BA4DD8

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

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

0.0%	0.0% #5E2F59	RGB 94 47 89	#5E2F59
16.7%	16.7% #6D346E	RGB 109 52 110	#6D346E
33.3%	33.3% #7C3983	RGB 124 57 131	#7C3983
50.0%	50.0% #8C3E98	RGB 140 62 152	#8C3E98
66.7%	66.7% #9B43AD	RGB 155 67 173	#9B43AD
83.3%	83.3% #AA48C2	RGB 170 72 194	#AA48C2
100.0%	100.0% #BA4DD8	RGB 186 77 216	#BA4DD8

#5E2F59 #6D346E #7C3983 #8C3E98 #9B43AD #AA48C2 #BA4DD8

#5E2F59 - #BA4DD8

HSV Blend

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

0.0%	0.0% #5E2F58	RGB 94 47 88	#5E2F58
16.7%	16.7% #72366F	RGB 114 54 111	#72366F
33.3%	33.3% #863C86	RGB 134 60 134	#863C86
50.0%	50.0% #96429B	RGB 150 66 155	#96429B
66.7%	66.7% #A446AF	RGB 164 70 175	#A446AF
83.3%	83.3% #B04AC3	RGB 176 74 195	#B04AC3
100.0%	100.0% #BA4DD8	RGB 186 77 216	#BA4DD8

#5E2F58 #72366F #863C86 #96429B #A446AF #B04AC3 #BA4DD8

#5E2F59 - #96429B - #BA4DD8

CSS codes

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

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