#D6B06C - #3D321E | 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 #D6B06C to #3D321E

#D6B06C #3D321E

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

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

0.0%	0.0% #D6B06C	RGB 214 176 108	#D6B06C
16.7%	16.7% #BC9B5F	RGB 188 155 95	#BC9B5F
33.3%	33.3% #A38652	RGB 163 134 82	#A38652
50.0%	50.0% #897145	RGB 137 113 69	#897145
66.7%	66.7% #705C38	RGB 112 92 56	#705C38
83.3%	83.3% #56472B	RGB 86 71 43	#56472B
100.0%	100.0% #3D321E	RGB 61 50 30	#3D321E

#D6B06C #BC9B5F #A38652 #897145 #705C38 #56472B #3D321E

#D6B06C - #3D321E

HSV Blend

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

0.0%	0.0% #D6B06C	RGB 214 176 108	#D6B06C
16.7%	16.7% #BC9A5E	RGB 188 154 94	#BC9A5E
33.3%	33.3% #A38551	RGB 163 133 81	#A38551
50.0%	50.0% #897044	RGB 137 112 68	#897044
66.7%	66.7% #705B37	RGB 112 91 55	#705B37
83.3%	83.3% #56462A	RGB 86 70 42	#56462A
100.0%	100.0% #3D321E	RGB 61 50 30	#3D321E

#D6B06C #BC9A5E #A38551 #897044 #705B37 #56462A #3D321E

#D6B06C - #897044 - #3D321E

CSS codes

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

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