#888975 - #DDDDD7 | 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 #888975 to #DDDDD7

#888975 #DDDDD7

Calculate the color between two colors, #888975 and #DDDDD7. 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)

#888975 - #DDDDD7 | 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 #888975 as 0% and #DDDDD7 as 100%.

0.0%	0.0% #888975	RGB 136 137 117	#888975
16.7%	16.7% #969785	RGB 150 151 133	#969785
33.3%	33.3% #A4A595	RGB 164 165 149	#A4A595
50.0%	50.0% #B2B3A6	RGB 178 179 166	#B2B3A6
66.7%	66.7% #C0C1B6	RGB 192 193 182	#C0C1B6
83.3%	83.3% #CECFC6	RGB 206 207 198	#CECFC6
100.0%	100.0% #DDDDD7	RGB 221 221 215	#DDDDD7

#888975 #969785 #A4A595 #B2B3A6 #C0C1B6 #CECFC6 #DDDDD7

#888975 - #DDDDD7

HSV Blend

#888975 - #DDDDD7 | 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 #888975 as 0% and #DDDDD7 as 100%.

0.0%	0.0% #888975	RGB 136 137 117	#888975
16.7%	16.7% #969783	RGB 150 151 131	#969783
33.3%	33.3% #A4A593	RGB 164 165 147	#A4A593
50.0%	50.0% #B2B3A3	RGB 178 179 163	#B2B3A3
66.7%	66.7% #C0C1B4	RGB 192 193 180	#C0C1B4
83.3%	83.3% #CECFC5	RGB 206 207 197	#CECFC5
100.0%	100.0% #DDDDD7	RGB 221 221 215	#DDDDD7

#888975 #969783 #A4A593 #B2B3A3 #C0C1B4 #CECFC5 #DDDDD7

#888975 - #B2B3A3 - #DDDDD7

CSS codes

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

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