#5E1D56 - #CB3AC6 | 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 #5E1D56 to #CB3AC6

#5E1D56 #CB3AC6

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

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

0.0%	0.0% #5E1D56	RGB 94 29 86	#5E1D56
16.7%	16.7% #702168	RGB 112 33 104	#702168
33.3%	33.3% #82267B	RGB 130 38 123	#82267B
50.0%	50.0% #942B8E	RGB 148 43 142	#942B8E
66.7%	66.7% #A630A0	RGB 166 48 160	#A630A0
83.3%	83.3% #B835B3	RGB 184 53 179	#B835B3
100.0%	100.0% #CB3AC6	RGB 203 58 198	#CB3AC6

#5E1D56 #702168 #82267B #942B8E #A630A0 #B835B3 #CB3AC6

#5E1D56 - #CB3AC6

HSV Blend

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

0.0%	0.0% #5E1D56	RGB 94 29 86	#5E1D56
16.7%	16.7% #702267	RGB 112 34 103	#702267
33.3%	33.3% #822779	RGB 130 39 121	#822779
50.0%	50.0% #942C8C	RGB 148 44 140	#942C8C
66.7%	66.7% #A6309F	RGB 166 48 159	#A6309F
83.3%	83.3% #B835B2	RGB 184 53 178	#B835B2
100.0%	100.0% #CB3AC6	RGB 203 58 198	#CB3AC6

#5E1D56 #702267 #822779 #942C8C #A6309F #B835B2 #CB3AC6

#5E1D56 - #942C8C - #CB3AC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1D56 0%, #942C8C 50%, #CB3AC6 100%);
    background: -webkit-linear-gradient(top, #5E1D56 0%, #942C8C 50%, #CB3AC6 100%);
    background: linear-gradient(to bottom, #5E1D56 0%, #942C8C 50%, #CB3AC6 100%);
}
</style>