#5E6A56 - #D1D4CE | 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 #5E6A56 to #D1D4CE

#5E6A56 #D1D4CE

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

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

0.0%	0.0% #5E6A56	RGB 94 106 86	#5E6A56
16.7%	16.7% #717B6A	RGB 113 123 106	#717B6A
33.3%	33.3% #848D7E	RGB 132 141 126	#848D7E
50.0%	50.0% #979F92	RGB 151 159 146	#979F92
66.7%	66.7% #AAB0A6	RGB 170 176 166	#AAB0A6
83.3%	83.3% #BDC2BA	RGB 189 194 186	#BDC2BA
100.0%	100.0% #D1D4CE	RGB 209 212 206	#D1D4CE

#5E6A56 #717B6A #848D7E #979F92 #AAB0A6 #BDC2BA #D1D4CE

#5E6A56 - #D1D4CE

HSV Blend

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

0.0%	0.0% #5E6A56	RGB 94 106 86	#5E6A56
16.7%	16.7% #6F7B67	RGB 111 123 103	#6F7B67
33.3%	33.3% #828D7A	RGB 130 141 122	#828D7A
50.0%	50.0% #959F8D	RGB 149 159 141	#959F8D
66.7%	66.7% #A8B0A2	RGB 168 176 162	#A8B0A2
83.3%	83.3% #BCC2B7	RGB 188 194 183	#BCC2B7
100.0%	100.0% #D1D4CE	RGB 209 212 206	#D1D4CE

#5E6A56 #6F7B67 #828D7A #959F8D #A8B0A2 #BCC2B7 #D1D4CE

#5E6A56 - #959F8D - #D1D4CE

CSS codes

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

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