#88892B - #DDDDC2 | 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 #88892B to #DDDDC2

#88892B #DDDDC2

Calculate the color between two colors, #88892B and #DDDDC2. 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)

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

0.0%	0.0% #88892B	RGB 136 137 43	#88892B
16.7%	16.7% #969744	RGB 150 151 68	#969744
33.3%	33.3% #A4A55D	RGB 164 165 93	#A4A55D
50.0%	50.0% #B2B376	RGB 178 179 118	#B2B376
66.7%	66.7% #C0C18F	RGB 192 193 143	#C0C18F
83.3%	83.3% #CECFA8	RGB 206 207 168	#CECFA8
100.0%	100.0% #DDDDC2	RGB 221 221 194	#DDDDC2

#88892B #969744 #A4A55D #B2B376 #C0C18F #CECFA8 #DDDDC2

#88892B - #DDDDC2

HSV Blend

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

0.0%	0.0% #88892A	RGB 136 137 42	#88892A
16.7%	16.7% #96973D	RGB 150 151 61	#96973D
33.3%	33.3% #A4A552	RGB 164 165 82	#A4A552
50.0%	50.0% #B2B36A	RGB 178 179 106	#B2B36A
66.7%	66.7% #C0C185	RGB 192 193 133	#C0C185
83.3%	83.3% #CECFA2	RGB 206 207 162	#CECFA2
100.0%	100.0% #DDDDC2	RGB 221 221 194	#DDDDC2

#88892A #96973D #A4A552 #B2B36A #C0C185 #CECFA2 #DDDDC2

#88892B - #B2B36A - #DDDDC2

CSS codes

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

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