#5E1540 - #D1BCC8 | 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 #5E1540 to #D1BCC8

#5E1540 #D1BCC8

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

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

0.0%	0.0% #5E1540	RGB 94 21 64	#5E1540
16.7%	16.7% #713056	RGB 113 48 86	#713056
33.3%	33.3% #844C6D	RGB 132 76 109	#844C6D
50.0%	50.0% #976884	RGB 151 104 132	#976884
66.7%	66.7% #AA849A	RGB 170 132 154	#AA849A
83.3%	83.3% #BDA0B1	RGB 189 160 177	#BDA0B1
100.0%	100.0% #D1BCC8	RGB 209 188 200	#D1BCC8

#5E1540 #713056 #844C6D #976884 #AA849A #BDA0B1 #D1BCC8

#5E1540 - #D1BCC8

HSV Blend

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

0.0%	0.0% #5E143F	RGB 94 20 63	#5E143F
16.7%	16.7% #712652	RGB 113 38 82	#712652
33.3%	33.3% #843B65	RGB 132 59 101	#843B65
50.0%	50.0% #97557B	RGB 151 85 123	#97557B
66.7%	66.7% #AA7393	RGB 170 115 147	#AA7393
83.3%	83.3% #BD95AC	RGB 189 149 172	#BD95AC
100.0%	100.0% #D1BCC8	RGB 209 188 200	#D1BCC8

#5E143F #712652 #843B65 #97557B #AA7393 #BD95AC #D1BCC8

#5E1540 - #97557B - #D1BCC8

CSS codes

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

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