#888950 - #DDDDCD | 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 #888950 to #DDDDCD

#888950 #DDDDCD

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

#888950 - #DDDDCD | 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 #888950 as 0% and #DDDDCD as 100%.

0.0%	0.0% #888950	RGB 136 137 80	#888950
16.7%	16.7% #969764	RGB 150 151 100	#969764
33.3%	33.3% #A4A579	RGB 164 165 121	#A4A579
50.0%	50.0% #B2B38E	RGB 178 179 142	#B2B38E
66.7%	66.7% #C0C1A3	RGB 192 193 163	#C0C1A3
83.3%	83.3% #CECFB8	RGB 206 207 184	#CECFB8
100.0%	100.0% #DDDDCD	RGB 221 221 205	#DDDDCD

#888950 #969764 #A4A579 #B2B38E #C0C1A3 #CECFB8 #DDDDCD

#888950 - #DDDDCD

HSV Blend

#888950 - #DDDDCD | 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 #888950 as 0% and #DDDDCD as 100%.

0.0%	0.0% #888950	RGB 136 137 80	#888950
16.7%	16.7% #969760	RGB 150 151 96	#969760
33.3%	33.3% #A4A573	RGB 164 165 115	#A4A573
50.0%	50.0% #B2B387	RGB 178 179 135	#B2B387
66.7%	66.7% #C0C19C	RGB 192 193 156	#C0C19C
83.3%	83.3% #CECFB4	RGB 206 207 180	#CECFB4
100.0%	100.0% #DDDDCD	RGB 221 221 205	#DDDDCD

#888950 #969760 #A4A573 #B2B387 #C0C19C #CECFB4 #DDDDCD

#888950 - #B2B387 - #DDDDCD

CSS codes

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

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