#888939 - #DDDDC6 | 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 #888939 to #DDDDC6

#888939 #DDDDC6

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

#888939 - #DDDDC6 | 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 #888939 as 0% and #DDDDC6 as 100%.

0.0%	0.0% #888939	RGB 136 137 57	#888939
16.7%	16.7% #969750	RGB 150 151 80	#969750
33.3%	33.3% #A4A568	RGB 164 165 104	#A4A568
50.0%	50.0% #B2B37F	RGB 178 179 127	#B2B37F
66.7%	66.7% #C0C197	RGB 192 193 151	#C0C197
83.3%	83.3% #CECFAE	RGB 206 207 174	#CECFAE
100.0%	100.0% #DDDDC6	RGB 221 221 198	#DDDDC6

#888939 #969750 #A4A568 #B2B37F #C0C197 #CECFAE #DDDDC6

#888939 - #DDDDC6

HSV Blend

#888939 - #DDDDC6 | 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 #888939 as 0% and #DDDDC6 as 100%.

0.0%	0.0% #888939	RGB 136 137 57	#888939
16.7%	16.7% #96974A	RGB 150 151 74	#96974A
33.3%	33.3% #A4A55F	RGB 164 165 95	#A4A55F
50.0%	50.0% #B2B375	RGB 178 179 117	#B2B375
66.7%	66.7% #C0C18E	RGB 192 193 142	#C0C18E
83.3%	83.3% #CECFA8	RGB 206 207 168	#CECFA8
100.0%	100.0% #DDDDC6	RGB 221 221 198	#DDDDC6

#888939 #96974A #A4A55F #B2B375 #C0C18E #CECFA8 #DDDDC6

#888939 - #B2B375 - #DDDDC6

CSS codes

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

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