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

#5E3D5C #D1C7D0

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

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

0.0%	0.0% #5E3D5C	RGB 94 61 92	#5E3D5C
16.7%	16.7% #71546F	RGB 113 84 111	#71546F
33.3%	33.3% #846B82	RGB 132 107 130	#846B82
50.0%	50.0% #978296	RGB 151 130 150	#978296
66.7%	66.7% #AA99A9	RGB 170 153 169	#AA99A9
83.3%	83.3% #BDB0BC	RGB 189 176 188	#BDB0BC
100.0%	100.0% #D1C7D0	RGB 209 199 208	#D1C7D0

#5E3D5C #71546F #846B82 #978296 #AA99A9 #BDB0BC #D1C7D0

#5E3D5C - #D1C7D0

HSV Blend

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

0.0%	0.0% #5E3D5C	RGB 94 61 92	#5E3D5C
16.7%	16.7% #714F6E	RGB 113 79 110	#714F6E
33.3%	33.3% #846381	RGB 132 99 129	#846381
50.0%	50.0% #977995	RGB 151 121 149	#977995
66.7%	66.7% #AA91A8	RGB 170 145 168	#AA91A8
83.3%	83.3% #BDABBC	RGB 189 171 188	#BDABBC
100.0%	100.0% #D1C7D0	RGB 209 199 208	#D1C7D0

#5E3D5C #714F6E #846381 #977995 #AA91A8 #BDABBC #D1C7D0

#5E3D5C - #977995 - #D1C7D0

CSS codes

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

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