#DDD76C - #3F3D1E | 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 #DDD76C to #3F3D1E

#DDD76C #3F3D1E

Calculate the color between two colors, #DDD76C and #3F3D1E. 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)

#DDD76C - #3F3D1E | 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 #DDD76C as 0% and #3F3D1E as 100%.

0.0%	0.0% #DDD76C	RGB 221 215 108	#DDD76C
16.7%	16.7% #C2BD5F	RGB 194 189 95	#C2BD5F
33.3%	33.3% #A8A352	RGB 168 163 82	#A8A352
50.0%	50.0% #8E8A45	RGB 142 138 69	#8E8A45
66.7%	66.7% #737038	RGB 115 112 56	#737038
83.3%	83.3% #59562B	RGB 89 86 43	#59562B
100.0%	100.0% #3F3D1E	RGB 63 61 30	#3F3D1E

#DDD76C #C2BD5F #A8A352 #8E8A45 #737038 #59562B #3F3D1E

#DDD76C - #3F3D1E

HSV Blend

#DDD76C - #3F3D1E | 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 #DDD76C as 0% and #3F3D1E as 100%.

0.0%	0.0% #DDD76C	RGB 221 215 108	#DDD76C
16.7%	16.7% #C2BD5E	RGB 194 189 94	#C2BD5E
33.3%	33.3% #A8A351	RGB 168 163 81	#A8A351
50.0%	50.0% #8E8944	RGB 142 137 68	#8E8944
66.7%	66.7% #737037	RGB 115 112 55	#737037
83.3%	83.3% #59562A	RGB 89 86 42	#59562A
100.0%	100.0% #3F3D1E	RGB 63 61 30	#3F3D1E

#DDD76C #C2BD5E #A8A351 #8E8944 #737037 #59562A #3F3D1E

#DDD76C - #8E8944 - #3F3D1E

CSS codes

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

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