#5E959D - #D8D1B9 | 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 #5E959D to #D8D1B9

#5E959D #D8D1B9

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

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

0.0%	0.0% #5E959D	RGB 94 149 157	#5E959D
16.7%	16.7% #729FA1	RGB 114 159 161	#729FA1
33.3%	33.3% #86A9A6	RGB 134 169 166	#86A9A6
50.0%	50.0% #9BB3AB	RGB 155 179 171	#9BB3AB
66.7%	66.7% #AFBDAF	RGB 175 189 175	#AFBDAF
83.3%	83.3% #C3C7B4	RGB 195 199 180	#C3C7B4
100.0%	100.0% #D8D1B9	RGB 216 209 185	#D8D1B9

#5E959D #729FA1 #86A9A6 #9BB3AB #AFBDAF #C3C7B4 #D8D1B9

#5E959D - #D8D1B9

HSV Blend

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

0.0%	0.0% #5E959D	RGB 94 149 157	#5E959D
16.7%	16.7% #6BA696	RGB 107 166 150	#6BA696
33.3%	33.3% #78B08C	RGB 120 176 140	#78B08C
50.0%	50.0% #8ABA87	RGB 138 186 135	#8ABA87
66.7%	66.7% #ABC497	RGB 171 196 151	#ABC497
83.3%	83.3% #C7CEA7	RGB 199 206 167	#C7CEA7
100.0%	100.0% #D8D1B9	RGB 216 209 185	#D8D1B9

#5E959D #6BA696 #78B08C #8ABA87 #ABC497 #C7CEA7 #D8D1B9

#5E959D - #8ABA87 - #D8D1B9

CSS codes

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

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