#DBB69C - #BF7047 | 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 #DBB69C to #BF7047

#DBB69C #BF7047

Calculate the color between two colors, #DBB69C and #BF7047. 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)

#DBB69C - #BF7047 | 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 #DBB69C as 0% and #BF7047 as 100%.

0.0%	0.0% #DBB69C	RGB 219 182 156	#DBB69C
16.7%	16.7% #D6AA8D	RGB 214 170 141	#D6AA8D
33.3%	33.3% #D19E7F	RGB 209 158 127	#D19E7F
50.0%	50.0% #CD9371	RGB 205 147 113	#CD9371
66.7%	66.7% #C88763	RGB 200 135 99	#C88763
83.3%	83.3% #C37B55	RGB 195 123 85	#C37B55
100.0%	100.0% #BF7047	RGB 191 112 71	#BF7047

#DBB69C #D6AA8D #D19E7F #CD9371 #C88763 #C37B55 #BF7047

#DBB69C - #BF7047

HSV Blend

#DBB69C - #BF7047 | 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 #DBB69C as 0% and #BF7047 as 100%.

0.0%	0.0% #DBB69C	RGB 219 182 156	#DBB69C
16.7%	16.7% #D6AA8C	RGB 214 170 140	#D6AA8C
33.3%	33.3% #D19E7D	RGB 209 158 125	#D19E7D
50.0%	50.0% #CD926F	RGB 205 146 111	#CD926F
66.7%	66.7% #C88661	RGB 200 134 97	#C88661
83.3%	83.3% #C37B53	RGB 195 123 83	#C37B53
100.0%	100.0% #BF7047	RGB 191 112 71	#BF7047

#DBB69C #D6AA8C #D19E7D #CD926F #C88661 #C37B53 #BF7047

#DBB69C - #CD926F - #BF7047

CSS codes

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

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