#5E1759 - #D1BCCF | 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 #5E1759 to #D1BCCF

#5E1759 #D1BCCF

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

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

0.0%	0.0% #5E1759	RGB 94 23 89	#5E1759
16.7%	16.7% #71326C	RGB 113 50 108	#71326C
33.3%	33.3% #844E80	RGB 132 78 128	#844E80
50.0%	50.0% #976994	RGB 151 105 148	#976994
66.7%	66.7% #AA85A7	RGB 170 133 167	#AA85A7
83.3%	83.3% #BDA0BB	RGB 189 160 187	#BDA0BB
100.0%	100.0% #D1BCCF	RGB 209 188 207	#D1BCCF

#5E1759 #71326C #844E80 #976994 #AA85A7 #BDA0BB #D1BCCF

#5E1759 - #D1BCCF

HSV Blend

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

0.0%	0.0% #5E1659	RGB 94 22 89	#5E1659
16.7%	16.7% #71286B	RGB 113 40 107	#71286B
33.3%	33.3% #843D7E	RGB 132 61 126	#843D7E
50.0%	50.0% #975692	RGB 151 86 146	#975692
66.7%	66.7% #AA74A5	RGB 170 116 165	#AA74A5
83.3%	83.3% #BD96BA	RGB 189 150 186	#BD96BA
100.0%	100.0% #D1BCCF	RGB 209 188 207	#D1BCCF

#5E1659 #71286B #843D7E #975692 #AA74A5 #BD96BA #D1BCCF

#5E1759 - #975692 - #D1BCCF

CSS codes

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

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