#808F7E - #DBDFDA | 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 #808F7E to #DBDFDA

#808F7E #DBDFDA

Calculate the color between two colors, #808F7E and #DBDFDA. 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)

#808F7E - #DBDFDA | 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 #808F7E as 0% and #DBDFDA as 100%.

0.0%	0.0% #808F7E	RGB 128 143 126	#808F7E
16.7%	16.7% #8F9C8D	RGB 143 156 141	#8F9C8D
33.3%	33.3% #9EA99C	RGB 158 169 156	#9EA99C
50.0%	50.0% #ADB7AC	RGB 173 183 172	#ADB7AC
66.7%	66.7% #BCC4BB	RGB 188 196 187	#BCC4BB
83.3%	83.3% #CBD1CA	RGB 203 209 202	#CBD1CA
100.0%	100.0% #DBDFDA	RGB 219 223 218	#DBDFDA

#808F7E #8F9C8D #9EA99C #ADB7AC #BCC4BB #CBD1CA #DBDFDA

#808F7E - #DBDFDA

HSV Blend

#808F7E - #DBDFDA | 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 #808F7E as 0% and #DBDFDA as 100%.

0.0%	0.0% #808F7E	RGB 128 143 126	#808F7E
16.7%	16.7% #8E9C8C	RGB 142 156 140	#8E9C8C
33.3%	33.3% #9DA99A	RGB 157 169 154	#9DA99A
50.0%	50.0% #ACB7AA	RGB 172 183 170	#ACB7AA
66.7%	66.7% #BBC4B9	RGB 187 196 185	#BBC4B9
83.3%	83.3% #CBD1C9	RGB 203 209 201	#CBD1C9
100.0%	100.0% #DBDFDA	RGB 219 223 218	#DBDFDA

#808F7E #8E9C8C #9DA99A #ACB7AA #BBC4B9 #CBD1C9 #DBDFDA

#808F7E - #ACB7AA - #DBDFDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #808F7E 0%, #ACB7AA 50%, #DBDFDA 100%);
    background: -webkit-linear-gradient(top, #808F7E 0%, #ACB7AA 50%, #DBDFDA 100%);
    background: linear-gradient(to bottom, #808F7E 0%, #ACB7AA 50%, #DBDFDA 100%);
}
</style>