#5E4D56 - #D1CCD0 | 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 #5E4D56 to #D1CCD0

#5E4D56 #D1CCD0

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

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

0.0%	0.0% #5E4D56	RGB 94 77 86	#5E4D56
16.7%	16.7% #71626A	RGB 113 98 106	#71626A
33.3%	33.3% #84777E	RGB 132 119 126	#84777E
50.0%	50.0% #978C93	RGB 151 140 147	#978C93
66.7%	66.7% #AAA1A7	RGB 170 161 167	#AAA1A7
83.3%	83.3% #BDB6BB	RGB 189 182 187	#BDB6BB
100.0%	100.0% #D1CCD0	RGB 209 204 208	#D1CCD0

#5E4D56 #71626A #84777E #978C93 #AAA1A7 #BDB6BB #D1CCD0

#5E4D56 - #D1CCD0

HSV Blend

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

0.0%	0.0% #5E4D56	RGB 94 77 86	#5E4D56
16.7%	16.7% #715F69	RGB 113 95 105	#715F69
33.3%	33.3% #84737D	RGB 132 115 125	#84737D
50.0%	50.0% #978792	RGB 151 135 146	#978792
66.7%	66.7% #AA9DA6	RGB 170 157 166	#AA9DA6
83.3%	83.3% #BDB4BB	RGB 189 180 187	#BDB4BB
100.0%	100.0% #D1CCD0	RGB 209 204 208	#D1CCD0

#5E4D56 #715F69 #84737D #978792 #AA9DA6 #BDB4BB #D1CCD0

#5E4D56 - #978792 - #D1CCD0

CSS codes

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

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