#858F7A - #DCDFD9 | 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 #858F7A to #DCDFD9

#858F7A #DCDFD9

Calculate the color between two colors, #858F7A and #DCDFD9. 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)

#858F7A - #DCDFD9 | 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 #858F7A as 0% and #DCDFD9 as 100%.

0.0%	0.0% #858F7A	RGB 133 143 122	#858F7A
16.7%	16.7% #939C89	RGB 147 156 137	#939C89
33.3%	33.3% #A2A999	RGB 162 169 153	#A2A999
50.0%	50.0% #B0B7A9	RGB 176 183 169	#B0B7A9
66.7%	66.7% #BFC4B9	RGB 191 196 185	#BFC4B9
83.3%	83.3% #CDD1C9	RGB 205 209 201	#CDD1C9
100.0%	100.0% #DCDFD9	RGB 220 223 217	#DCDFD9

#858F7A #939C89 #A2A999 #B0B7A9 #BFC4B9 #CDD1C9 #DCDFD9

#858F7A - #DCDFD9

HSV Blend

#858F7A - #DCDFD9 | 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 #858F7A as 0% and #DCDFD9 as 100%.

0.0%	0.0% #858F7A	RGB 133 143 122	#858F7A
16.7%	16.7% #929C88	RGB 146 156 136	#929C88
33.3%	33.3% #A0A997	RGB 160 169 151	#A0A997
50.0%	50.0% #AFB7A7	RGB 175 183 167	#AFB7A7
66.7%	66.7% #BDC4B7	RGB 189 196 183	#BDC4B7
83.3%	83.3% #CCD1C7	RGB 204 209 199	#CCD1C7
100.0%	100.0% #DCDFD9	RGB 220 223 217	#DCDFD9

#858F7A #929C88 #A0A997 #AFB7A7 #BDC4B7 #CCD1C7 #DCDFD9

#858F7A - #AFB7A7 - #DCDFD9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #858F7A 0%, #AFB7A7 50%, #DCDFD9 100%);
    background: -webkit-linear-gradient(top, #858F7A 0%, #AFB7A7 50%, #DCDFD9 100%);
    background: linear-gradient(to bottom, #858F7A 0%, #AFB7A7 50%, #DCDFD9 100%);
}
</style>