#5E2D56 - #BF5193 | 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 #5E2D56 to #BF5193

#5E2D56 #BF5193

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

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

0.0%	0.0% #5E2D56	RGB 94 45 86	#5E2D56
16.7%	16.7% #6E3360	RGB 110 51 96	#6E3360
33.3%	33.3% #7E396A	RGB 126 57 106	#7E396A
50.0%	50.0% #8E3F74	RGB 142 63 116	#8E3F74
66.7%	66.7% #9E457E	RGB 158 69 126	#9E457E
83.3%	83.3% #AE4B88	RGB 174 75 136	#AE4B88
100.0%	100.0% #BF5193	RGB 191 81 147	#BF5193

#5E2D56 #6E3360 #7E396A #8E3F74 #9E457E #AE4B88 #BF5193

#5E2D56 - #BF5193

HSV Blend

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

0.0%	0.0% #5E2D56	RGB 94 45 86	#5E2D56
16.7%	16.7% #6E3362	RGB 110 51 98	#6E3362
33.3%	33.3% #7E3A6D	RGB 126 58 109	#7E3A6D
50.0%	50.0% #8E4078	RGB 142 64 120	#8E4078
66.7%	66.7% #9E4682	RGB 158 70 130	#9E4682
83.3%	83.3% #AE4B8B	RGB 174 75 139	#AE4B8B
100.0%	100.0% #BF5193	RGB 191 81 147	#BF5193

#5E2D56 #6E3362 #7E3A6D #8E4078 #9E4682 #AE4B8B #BF5193

#5E2D56 - #8E4078 - #BF5193

CSS codes

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

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