#DBBF99 - #3E352B | 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 #DBBF99 to #3E352B

#DBBF99 #3E352B

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

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

0.0%	0.0% #DBBF99	RGB 219 191 153	#DBBF99
16.7%	16.7% #C0A886	RGB 192 168 134	#C0A886
33.3%	33.3% #A69174	RGB 166 145 116	#A69174
50.0%	50.0% #8C7A62	RGB 140 122 98	#8C7A62
66.7%	66.7% #72634F	RGB 114 99 79	#72634F
83.3%	83.3% #584C3D	RGB 88 76 61	#584C3D
100.0%	100.0% #3E352B	RGB 62 53 43	#3E352B

#DBBF99 #C0A886 #A69174 #8C7A62 #72634F #584C3D #3E352B

#DBBF99 - #3E352B

HSV Blend

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

0.0%	0.0% #DBBF99	RGB 219 191 153	#DBBF99
16.7%	16.7% #C0A786	RGB 192 167 134	#C0A786
33.3%	33.3% #A69074	RGB 166 144 116	#A69074
50.0%	50.0% #8C7961	RGB 140 121 97	#8C7961
66.7%	66.7% #72624F	RGB 114 98 79	#72624F
83.3%	83.3% #584B3D	RGB 88 75 61	#584B3D
100.0%	100.0% #3E352B	RGB 62 53 43	#3E352B

#DBBF99 #C0A786 #A69074 #8C7961 #72624F #584B3D #3E352B

#DBBF99 - #8C7961 - #3E352B

CSS codes

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

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