#5E359C - #CE86B9 | 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 #5E359C to #CE86B9

#5E359C #CE86B9

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

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

0.0%	0.0% #5E359C	RGB 94 53 156	#5E359C
16.7%	16.7% #7042A0	RGB 112 66 160	#7042A0
33.3%	33.3% #8350A5	RGB 131 80 165	#8350A5
50.0%	50.0% #965DAA	RGB 150 93 170	#965DAA
66.7%	66.7% #A86BAF	RGB 168 107 175	#A86BAF
83.3%	83.3% #BB78B4	RGB 187 120 180	#BB78B4
100.0%	100.0% #CE86B9	RGB 206 134 185	#CE86B9

#5E359C #7042A0 #8350A5 #965DAA #A86BAF #BB78B4 #CE86B9

#5E359C - #CE86B9

HSV Blend

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

0.0%	0.0% #5D359C	RGB 93 53 156	#5D359C
16.7%	16.7% #7740A4	RGB 119 64 164	#7740A4
33.3%	33.3% #8F4CAC	RGB 143 76 172	#8F4CAC
50.0%	50.0% #A659B5	RGB 166 89 181	#A659B5
66.7%	66.7% #BC67BD	RGB 188 103 189	#BC67BD
83.3%	83.3% #C576BA	RGB 197 118 186	#C576BA
100.0%	100.0% #CE86B9	RGB 206 134 185	#CE86B9

#5D359C #7740A4 #8F4CAC #A659B5 #BC67BD #C576BA #CE86B9

#5E359C - #A659B5 - #CE86B9

CSS codes

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

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