#D4D14C - #3C3B15 | 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 #D4D14C to #3C3B15

#D4D14C #3C3B15

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

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

0.0%	0.0% #D4D14C	RGB 212 209 76	#D4D14C
16.7%	16.7% #BAB842	RGB 186 184 66	#BAB842
33.3%	33.3% #A19F39	RGB 161 159 57	#A19F39
50.0%	50.0% #888630	RGB 136 134 48	#888630
66.7%	66.7% #6E6D27	RGB 110 109 39	#6E6D27
83.3%	83.3% #55541E	RGB 85 84 30	#55541E
100.0%	100.0% #3C3B15	RGB 60 59 21	#3C3B15

#D4D14C #BAB842 #A19F39 #888630 #6E6D27 #55541E #3C3B15

#D4D14C - #3C3B15

HSV Blend

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

0.0%	0.0% #D4D14B	RGB 212 209 75	#D4D14B
16.7%	16.7% #BAB742	RGB 186 183 66	#BAB742
33.3%	33.3% #A19E39	RGB 161 158 57	#A19E39
50.0%	50.0% #888530	RGB 136 133 48	#888530
66.7%	66.7% #6E6C27	RGB 110 108 39	#6E6C27
83.3%	83.3% #55531D	RGB 85 83 29	#55531D
100.0%	100.0% #3C3B15	RGB 60 59 21	#3C3B15

#D4D14B #BAB742 #A19E39 #888530 #6E6C27 #55531D #3C3B15

#D4D14C - #888530 - #3C3B15

CSS codes

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

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