#5E3254 - #D352CD | 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 #5E3254 to #D352CD

#5E3254 #D352CD

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

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

0.0%	0.0% #5E3254	RGB 94 50 84	#5E3254
16.7%	16.7% #713768	RGB 113 55 104	#713768
33.3%	33.3% #853C7C	RGB 133 60 124	#853C7C
50.0%	50.0% #984290	RGB 152 66 144	#984290
66.7%	66.7% #AC47A4	RGB 172 71 164	#AC47A4
83.3%	83.3% #BF4CB8	RGB 191 76 184	#BF4CB8
100.0%	100.0% #D352CD	RGB 211 82 205	#D352CD

#5E3254 #713768 #853C7C #984290 #AC47A4 #BF4CB8 #D352CD

#5E3254 - #D352CD

HSV Blend

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

0.0%	0.0% #5E3254	RGB 94 50 84	#5E3254
16.7%	16.7% #713966	RGB 113 57 102	#713966
33.3%	33.3% #854079	RGB 133 64 121	#854079
50.0%	50.0% #98468D	RGB 152 70 141	#98468D
66.7%	66.7% #AC4BA1	RGB 172 75 161	#AC4BA1
83.3%	83.3% #BF4EB6	RGB 191 78 182	#BF4EB6
100.0%	100.0% #D352CD	RGB 211 82 205	#D352CD

#5E3254 #713966 #854079 #98468D #AC4BA1 #BF4EB6 #D352CD

#5E3254 - #98468D - #D352CD

CSS codes

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

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