#5E6B52 - #D0D4CD | 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 #5E6B52 to #D0D4CD

#5E6B52 #D0D4CD

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

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

0.0%	0.0% #5E6B52	RGB 94 107 82	#5E6B52
16.7%	16.7% #717C66	RGB 113 124 102	#717C66
33.3%	33.3% #848E7B	RGB 132 142 123	#848E7B
50.0%	50.0% #979F8F	RGB 151 159 143	#979F8F
66.7%	66.7% #AAB1A4	RGB 170 177 164	#AAB1A4
83.3%	83.3% #BDC2B8	RGB 189 194 184	#BDC2B8
100.0%	100.0% #D0D4CD	RGB 208 212 205	#D0D4CD

#5E6B52 #717C66 #848E7B #979F8F #AAB1A4 #BDC2B8 #D0D4CD

#5E6B52 - #D0D4CD

HSV Blend

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

0.0%	0.0% #5E6B52	RGB 94 107 82	#5E6B52
16.7%	16.7% #6F7C63	RGB 111 124 99	#6F7C63
33.3%	33.3% #818E76	RGB 129 142 118	#818E76
50.0%	50.0% #939F8A	RGB 147 159 138	#939F8A
66.7%	66.7% #A7B19F	RGB 167 177 159	#A7B19F
83.3%	83.3% #BBC2B5	RGB 187 194 181	#BBC2B5
100.0%	100.0% #D0D4CD	RGB 208 212 205	#D0D4CD

#5E6B52 #6F7C63 #818E76 #939F8A #A7B19F #BBC2B5 #D0D4CD

#5E6B52 - #939F8A - #D0D4CD

CSS codes

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

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