#5D3D5E - #D1C7D0 | 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 #5D3D5E to #D1C7D0

#5D3D5E #D1C7D0

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

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

0.0%	0.0% #5D3D5E	RGB 93 61 94	#5D3D5E
16.7%	16.7% #705471	RGB 112 84 113	#705471
33.3%	33.3% #836B84	RGB 131 107 132	#836B84
50.0%	50.0% #978297	RGB 151 130 151	#978297
66.7%	66.7% #AA99AA	RGB 170 153 170	#AA99AA
83.3%	83.3% #BDB0BD	RGB 189 176 189	#BDB0BD
100.0%	100.0% #D1C7D0	RGB 209 199 208	#D1C7D0

#5D3D5E #705471 #836B84 #978297 #AA99AA #BDB0BD #D1C7D0

#5D3D5E - #D1C7D0

HSV Blend

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

0.0%	0.0% #5D3D5E	RGB 93 61 94	#5D3D5E
16.7%	16.7% #704F71	RGB 112 79 113	#704F71
33.3%	33.3% #846383	RGB 132 99 131	#846383
50.0%	50.0% #977996	RGB 151 121 150	#977996
66.7%	66.7% #AA91A9	RGB 170 145 169	#AA91A9
83.3%	83.3% #BDABBC	RGB 189 171 188	#BDABBC
100.0%	100.0% #D1C7D0	RGB 209 199 208	#D1C7D0

#5D3D5E #704F71 #846383 #977996 #AA91A9 #BDABBC #D1C7D0

#5D3D5E - #977996 - #D1C7D0

CSS codes

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

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