#88927B - #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 #88927B to #DCDFD9

#88927B #DCDFD9

Calculate the color between two colors, #88927B 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)

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

0.0%	0.0% #88927B	RGB 136 146 123	#88927B
16.7%	16.7% #969E8A	RGB 150 158 138	#969E8A
33.3%	33.3% #A4AB9A	RGB 164 171 154	#A4AB9A
50.0%	50.0% #B2B8AA	RGB 178 184 170	#B2B8AA
66.7%	66.7% #C0C5B9	RGB 192 197 185	#C0C5B9
83.3%	83.3% #CED2C9	RGB 206 210 201	#CED2C9
100.0%	100.0% #DCDFD9	RGB 220 223 217	#DCDFD9

#88927B #969E8A #A4AB9A #B2B8AA #C0C5B9 #CED2C9 #DCDFD9

#88927B - #DCDFD9

HSV Blend

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

0.0%	0.0% #88927B	RGB 136 146 123	#88927B
16.7%	16.7% #959E89	RGB 149 158 137	#959E89
33.3%	33.3% #A2AB98	RGB 162 171 152	#A2AB98
50.0%	50.0% #B0B8A7	RGB 176 184 167	#B0B8A7
66.7%	66.7% #BEC5B7	RGB 190 197 183	#BEC5B7
83.3%	83.3% #CDD2C7	RGB 205 210 199	#CDD2C7
100.0%	100.0% #DCDFD9	RGB 220 223 217	#DCDFD9

#88927B #959E89 #A2AB98 #B0B8A7 #BEC5B7 #CDD2C7 #DCDFD9

#88927B - #B0B8A7 - #DCDFD9

CSS codes

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

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