#5D3E4D - #D0C7CC | 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 #5D3E4D to #D0C7CC

#5D3E4D #D0C7CC

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

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

0.0%	0.0% #5D3E4D	RGB 93 62 77	#5D3E4D
16.7%	16.7% #705462	RGB 112 84 98	#705462
33.3%	33.3% #836B77	RGB 131 107 119	#836B77
50.0%	50.0% #96828C	RGB 150 130 140	#96828C
66.7%	66.7% #A999A1	RGB 169 153 161	#A999A1
83.3%	83.3% #BCB0B6	RGB 188 176 182	#BCB0B6
100.0%	100.0% #D0C7CC	RGB 208 199 204	#D0C7CC

#5D3E4D #705462 #836B77 #96828C #A999A1 #BCB0B6 #D0C7CC

#5D3E4D - #D0C7CC

HSV Blend

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

0.0%	0.0% #5D3E4D	RGB 93 62 77	#5D3E4D
16.7%	16.7% #705060	RGB 112 80 96	#705060
33.3%	33.3% #836474	RGB 131 100 116	#836474
50.0%	50.0% #967A88	RGB 150 122 136	#967A88
66.7%	66.7% #A9919E	RGB 169 145 158	#A9919E
83.3%	83.3% #BCABB4	RGB 188 171 180	#BCABB4
100.0%	100.0% #D0C7CC	RGB 208 199 204	#D0C7CC

#5D3E4D #705060 #836474 #967A88 #A9919E #BCABB4 #D0C7CC

#5D3E4D - #967A88 - #D0C7CC

CSS codes

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

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