#8C9CAC - #DCCFBD | 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 #8C9CAC to #DCCFBD

#8C9CAC #DCCFBD

Calculate the color between two colors, #8C9CAC and #DCCFBD. 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)

#8C9CAC - #DCCFBD | 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 #8C9CAC as 0% and #DCCFBD as 100%.

0.0%	0.0% #8C9CAC	RGB 140 156 172	#8C9CAC
16.7%	16.7% #99A4AE	RGB 153 164 174	#99A4AE
33.3%	33.3% #A6ADB1	RGB 166 173 177	#A6ADB1
50.0%	50.0% #B4B5B4	RGB 180 181 180	#B4B5B4
66.7%	66.7% #C1BEB7	RGB 193 190 183	#C1BEB7
83.3%	83.3% #CEC6BA	RGB 206 198 186	#CEC6BA
100.0%	100.0% #DCCFBD	RGB 220 207 189	#DCCFBD

#8C9CAC #99A4AE #A6ADB1 #B4B5B4 #C1BEB7 #CEC6BA #DCCFBD

#8C9CAC - #DCCFBD

HSV Blend

#8C9CAC - #DCCFBD | 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 #8C9CAC as 0% and #DCCFBD as 100%.

0.0%	0.0% #8C9CAC	RGB 140 156 172	#8C9CAC
16.7%	16.7% #93B3B4	RGB 147 179 180	#93B3B4
33.3%	33.3% #9BBCAC	RGB 155 188 172	#9BBCAC
50.0%	50.0% #A3C4A5	RGB 163 196 165	#A3C4A5
66.7%	66.7% #BACCAC	RGB 186 204 172	#BACCAC
83.3%	83.3% #D1D4B4	RGB 209 212 180	#D1D4B4
100.0%	100.0% #DCCFBD	RGB 220 207 189	#DCCFBD

#8C9CAC #93B3B4 #9BBCAC #A3C4A5 #BACCAC #D1D4B4 #DCCFBD

#8C9CAC - #A3C4A5 - #DCCFBD

CSS codes

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

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