#8A8C31 - #DDDEC4 | 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 #8A8C31 to #DDDEC4

#8A8C31 #DDDEC4

Calculate the color between two colors, #8A8C31 and #DDDEC4. 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)

#8A8C31 - #DDDEC4 | 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 #8A8C31 as 0% and #DDDEC4 as 100%.

0.0%	0.0% #8A8C31	RGB 138 140 49	#8A8C31
16.7%	16.7% #979949	RGB 151 153 73	#979949
33.3%	33.3% #A5A762	RGB 165 167 98	#A5A762
50.0%	50.0% #B3B57A	RGB 179 181 122	#B3B57A
66.7%	66.7% #C1C293	RGB 193 194 147	#C1C293
83.3%	83.3% #CFD0AB	RGB 207 208 171	#CFD0AB
100.0%	100.0% #DDDEC4	RGB 221 222 196	#DDDEC4

#8A8C31 #979949 #A5A762 #B3B57A #C1C293 #CFD0AB #DDDEC4

#8A8C31 - #DDDEC4

HSV Blend

#8A8C31 - #DDDEC4 | 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 #8A8C31 as 0% and #DDDEC4 as 100%.

0.0%	0.0% #8A8C31	RGB 138 140 49	#8A8C31
16.7%	16.7% #979943	RGB 151 153 67	#979943
33.3%	33.3% #A5A758	RGB 165 167 88	#A5A758
50.0%	50.0% #B2B56F	RGB 178 181 111	#B2B56F
66.7%	66.7% #C0C289	RGB 192 194 137	#C0C289
83.3%	83.3% #CED0A5	RGB 206 208 165	#CED0A5
100.0%	100.0% #DDDEC4	RGB 221 222 196	#DDDEC4

#8A8C31 #979943 #A5A758 #B2B56F #C0C289 #CED0A5 #DDDEC4

#8A8C31 - #B2B56F - #DDDEC4

CSS codes

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

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