#888958 - #DDDDCF | 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 #888958 to #DDDDCF

#888958 #DDDDCF

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

#888958 - #DDDDCF | 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 #888958 as 0% and #DDDDCF as 100%.

0.0%	0.0% #888958	RGB 136 137 88	#888958
16.7%	16.7% #96976B	RGB 150 151 107	#96976B
33.3%	33.3% #A4A57F	RGB 164 165 127	#A4A57F
50.0%	50.0% #B2B393	RGB 178 179 147	#B2B393
66.7%	66.7% #C0C1A7	RGB 192 193 167	#C0C1A7
83.3%	83.3% #CECFBB	RGB 206 207 187	#CECFBB
100.0%	100.0% #DDDDCF	RGB 221 221 207	#DDDDCF

#888958 #96976B #A4A57F #B2B393 #C0C1A7 #CECFBB #DDDDCF

#888958 - #DDDDCF

HSV Blend

#888958 - #DDDDCF | 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 #888958 as 0% and #DDDDCF as 100%.

0.0%	0.0% #888958	RGB 136 137 88	#888958
16.7%	16.7% #969768	RGB 150 151 104	#969768
33.3%	33.3% #A4A57A	RGB 164 165 122	#A4A57A
50.0%	50.0% #B2B38D	RGB 178 179 141	#B2B38D
66.7%	66.7% #C0C1A1	RGB 192 193 161	#C0C1A1
83.3%	83.3% #CECFB7	RGB 206 207 183	#CECFB7
100.0%	100.0% #DDDDCF	RGB 221 221 207	#DDDDCF

#888958 #969768 #A4A57A #B2B38D #C0C1A1 #CECFB7 #DDDDCF

#888958 - #B2B38D - #DDDDCF

CSS codes

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

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