#858B5D - #DCDDD0 | 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 #858B5D to #DCDDD0

#858B5D #DCDDD0

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

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

0.0%	0.0% #858B5D	RGB 133 139 93	#858B5D
16.7%	16.7% #939870	RGB 147 152 112	#939870
33.3%	33.3% #A2A683	RGB 162 166 131	#A2A683
50.0%	50.0% #B0B496	RGB 176 180 150	#B0B496
66.7%	66.7% #BFC1A9	RGB 191 193 169	#BFC1A9
83.3%	83.3% #CDCFBC	RGB 205 207 188	#CDCFBC
100.0%	100.0% #DCDDD0	RGB 220 221 208	#DCDDD0

#858B5D #939870 #A2A683 #B0B496 #BFC1A9 #CDCFBC #DCDDD0

#858B5D - #DCDDD0

HSV Blend

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

0.0%	0.0% #858B5D	RGB 133 139 93	#858B5D
16.7%	16.7% #93986D	RGB 147 152 109	#93986D
33.3%	33.3% #A1A67E	RGB 161 166 126	#A1A67E
50.0%	50.0% #B0B490	RGB 176 180 144	#B0B490
66.7%	66.7% #BEC1A4	RGB 190 193 164	#BEC1A4
83.3%	83.3% #CDCFB9	RGB 205 207 185	#CDCFB9
100.0%	100.0% #DCDDD0	RGB 220 221 208	#DCDDD0

#858B5D #93986D #A1A67E #B0B490 #BEC1A4 #CDCFB9 #DCDDD0

#858B5D - #B0B490 - #DCDDD0

CSS codes

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

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