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

#5E165A #D1BCCF

Calculate the color between two colors, #5E165A 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)

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

0.0%	0.0% #5E165A	RGB 94 22 90	#5E165A
16.7%	16.7% #71316D	RGB 113 49 109	#71316D
33.3%	33.3% #844D81	RGB 132 77 129	#844D81
50.0%	50.0% #976994	RGB 151 105 148	#976994
66.7%	66.7% #AA84A8	RGB 170 132 168	#AA84A8
83.3%	83.3% #BDA0BB	RGB 189 160 187	#BDA0BB
100.0%	100.0% #D1BCCF	RGB 209 188 207	#D1BCCF

#5E165A #71316D #844D81 #976994 #AA84A8 #BDA0BB #D1BCCF

#5E165A - #D1BCCF

HSV Blend

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

0.0%	0.0% #5E155A	RGB 94 21 90	#5E155A
16.7%	16.7% #71276C	RGB 113 39 108	#71276C
33.3%	33.3% #843C7F	RGB 132 60 127	#843C7F
50.0%	50.0% #975592	RGB 151 85 146	#975592
66.7%	66.7% #AA73A6	RGB 170 115 166	#AA73A6
83.3%	83.3% #BD95BA	RGB 189 149 186	#BD95BA
100.0%	100.0% #D1BCCF	RGB 209 188 207	#D1BCCF

#5E155A #71276C #843C7F #975592 #AA73A6 #BD95BA #D1BCCF

#5E165A - #975592 - #D1BCCF

CSS codes

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

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