#888928 - #DDDDC1 | 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 #888928 to #DDDDC1

#888928 #DDDDC1

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

#888928 - #DDDDC1 | 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 #888928 as 0% and #DDDDC1 as 100%.

0.0%	0.0% #888928	RGB 136 137 40	#888928
16.7%	16.7% #969741	RGB 150 151 65	#969741
33.3%	33.3% #A4A55B	RGB 164 165 91	#A4A55B
50.0%	50.0% #B2B374	RGB 178 179 116	#B2B374
66.7%	66.7% #C0C18E	RGB 192 193 142	#C0C18E
83.3%	83.3% #CECFA7	RGB 206 207 167	#CECFA7
100.0%	100.0% #DDDDC1	RGB 221 221 193	#DDDDC1

#888928 #969741 #A4A55B #B2B374 #C0C18E #CECFA7 #DDDDC1

#888928 - #DDDDC1

HSV Blend

#888928 - #DDDDC1 | 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 #888928 as 0% and #DDDDC1 as 100%.

0.0%	0.0% #888928	RGB 136 137 40	#888928
16.7%	16.7% #96973A	RGB 150 151 58	#96973A
33.3%	33.3% #A4A550	RGB 164 165 80	#A4A550
50.0%	50.0% #B2B368	RGB 178 179 104	#B2B368
66.7%	66.7% #C0C183	RGB 192 193 131	#C0C183
83.3%	83.3% #CECFA0	RGB 206 207 160	#CECFA0
100.0%	100.0% #DDDDC1	RGB 221 221 193	#DDDDC1

#888928 #96973A #A4A550 #B2B368 #C0C183 #CECFA0 #DDDDC1

#888928 - #B2B368 - #DDDDC1

CSS codes

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

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