#DBDAC1 - #B4A86E | 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 #DBDAC1 to #B4A86E

#DBDAC1 #B4A86E

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

#DBDAC1 - #B4A86E | 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 #DBDAC1 as 0% and #B4A86E as 100%.

0.0%	0.0% #DBDAC1	RGB 219 218 193	#DBDAC1
16.7%	16.7% #D4D1B3	RGB 212 209 179	#D4D1B3
33.3%	33.3% #CEC9A5	RGB 206 201 165	#CEC9A5
50.0%	50.0% #C7C197	RGB 199 193 151	#C7C197
66.7%	66.7% #C1B889	RGB 193 184 137	#C1B889
83.3%	83.3% #BAB07B	RGB 186 176 123	#BAB07B
100.0%	100.0% #B4A86E	RGB 180 168 110	#B4A86E

#DBDAC1 #D4D1B3 #CEC9A5 #C7C197 #C1B889 #BAB07B #B4A86E

#DBDAC1 - #B4A86E

HSV Blend

#DBDAC1 - #B4A86E | 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 #DBDAC1 as 0% and #B4A86E as 100%.

0.0%	0.0% #DBDAC1	RGB 219 218 193	#DBDAC1
16.7%	16.7% #D4D2B1	RGB 212 210 177	#D4D2B1
33.3%	33.3% #CECAA2	RGB 206 202 162	#CECAA2
50.0%	50.0% #C7C294	RGB 199 194 148	#C7C294
66.7%	66.7% #C1B987	RGB 193 185 135	#C1B987
83.3%	83.3% #BAB07A	RGB 186 176 122	#BAB07A
100.0%	100.0% #B4A86E	RGB 180 168 110	#B4A86E

#DBDAC1 #D4D2B1 #CECAA2 #C7C294 #C1B987 #BAB07A #B4A86E

#DBDAC1 - #C7C294 - #B4A86E

CSS codes

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

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