#5C2D5E - #D1C3D0 | 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 #5C2D5E to #D1C3D0

#5C2D5E #D1C3D0

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

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

0.0%	0.0% #5C2D5E	RGB 92 45 94	#5C2D5E
16.7%	16.7% #6F4671	RGB 111 70 113	#6F4671
33.3%	33.3% #835F84	RGB 131 95 132	#835F84
50.0%	50.0% #967897	RGB 150 120 151	#967897
66.7%	66.7% #AA91AA	RGB 170 145 170	#AA91AA
83.3%	83.3% #BDAABD	RGB 189 170 189	#BDAABD
100.0%	100.0% #D1C3D0	RGB 209 195 208	#D1C3D0

#5C2D5E #6F4671 #835F84 #967897 #AA91AA #BDAABD #D1C3D0

#5C2D5E - #D1C3D0

HSV Blend

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

0.0%	0.0% #5C2D5E	RGB 92 45 94	#5C2D5E
16.7%	16.7% #703E71	RGB 112 62 113	#703E71
33.3%	33.3% #845384	RGB 132 83 132	#845384
50.0%	50.0% #976A96	RGB 151 106 150	#976A96
66.7%	66.7% #AA85A9	RGB 170 133 169	#AA85A9
83.3%	83.3% #BDA2BC	RGB 189 162 188	#BDA2BC
100.0%	100.0% #D1C3D0	RGB 209 195 208	#D1C3D0

#5C2D5E #703E71 #845384 #976A96 #AA85A9 #BDA2BC #D1C3D0

#5C2D5E - #976A96 - #D1C3D0

CSS codes

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

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