#5E173A - #D1BCC6 | 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 #5E173A to #D1BCC6

#5E173A #D1BCC6

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

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

0.0%	0.0% #5E173A	RGB 94 23 58	#5E173A
16.7%	16.7% #713251	RGB 113 50 81	#713251
33.3%	33.3% #844E68	RGB 132 78 104	#844E68
50.0%	50.0% #976980	RGB 151 105 128	#976980
66.7%	66.7% #AA8597	RGB 170 133 151	#AA8597
83.3%	83.3% #BDA0AE	RGB 189 160 174	#BDA0AE
100.0%	100.0% #D1BCC6	RGB 209 188 198	#D1BCC6

#5E173A #713251 #844E68 #976980 #AA8597 #BDA0AE #D1BCC6

#5E173A - #D1BCC6

HSV Blend

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

0.0%	0.0% #5E163A	RGB 94 22 58	#5E163A
16.7%	16.7% #71284B	RGB 113 40 75	#71284B
33.3%	33.3% #843D5F	RGB 132 61 95	#843D5F
50.0%	50.0% #975676	RGB 151 86 118	#975676
66.7%	66.7% #AA748E	RGB 170 116 142	#AA748E
83.3%	83.3% #BD96A9	RGB 189 150 169	#BD96A9
100.0%	100.0% #D1BCC6	RGB 209 188 198	#D1BCC6

#5E163A #71284B #843D5F #975676 #AA748E #BD96A9 #D1BCC6

#5E173A - #975676 - #D1BCC6

CSS codes

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

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