#5E4D51 - #D1CCCE | 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 #5E4D51 to #D1CCCE

#5E4D51 #D1CCCE

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

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

0.0%	0.0% #5E4D51	RGB 94 77 81	#5E4D51
16.7%	16.7% #716265	RGB 113 98 101	#716265
33.3%	33.3% #84777A	RGB 132 119 122	#84777A
50.0%	50.0% #978C8F	RGB 151 140 143	#978C8F
66.7%	66.7% #AAA1A4	RGB 170 161 164	#AAA1A4
83.3%	83.3% #BDB6B9	RGB 189 182 185	#BDB6B9
100.0%	100.0% #D1CCCE	RGB 209 204 206	#D1CCCE

#5E4D51 #716265 #84777A #978C8F #AAA1A4 #BDB6B9 #D1CCCE

#5E4D51 - #D1CCCE

HSV Blend

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

0.0%	0.0% #5E4D51	RGB 94 77 81	#5E4D51
16.7%	16.7% #715F64	RGB 113 95 100	#715F64
33.3%	33.3% #847378	RGB 132 115 120	#847378
50.0%	50.0% #97878C	RGB 151 135 140	#97878C
66.7%	66.7% #AA9DA2	RGB 170 157 162	#AA9DA2
83.3%	83.3% #BDB4B7	RGB 189 180 183	#BDB4B7
100.0%	100.0% #D1CCCE	RGB 209 204 206	#D1CCCE

#5E4D51 #715F64 #847378 #97878C #AA9DA2 #BDB4B7 #D1CCCE

#5E4D51 - #97878C - #D1CCCE

CSS codes

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

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