#DBDDC8 - #BAB576 | 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 #DBDDC8 to #BAB576

#DBDDC8 #BAB576

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

#DBDDC8 - #BAB576 | 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 #DBDDC8 as 0% and #BAB576 as 100%.

0.0%	0.0% #DBDDC8	RGB 219 221 200	#DBDDC8
16.7%	16.7% #D5D6BA	RGB 213 214 186	#D5D6BA
33.3%	33.3% #D0CFAC	RGB 208 207 172	#D0CFAC
50.0%	50.0% #CAC99F	RGB 202 201 159	#CAC99F
66.7%	66.7% #C5C291	RGB 197 194 145	#C5C291
83.3%	83.3% #BFBB83	RGB 191 187 131	#BFBB83
100.0%	100.0% #BAB576	RGB 186 181 118	#BAB576

#DBDDC8 #D5D6BA #D0CFAC #CAC99F #C5C291 #BFBB83 #BAB576

#DBDDC8 - #BAB576

HSV Blend

#DBDDC8 - #BAB576 | 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 #DBDDC8 as 0% and #BAB576 as 100%.

0.0%	0.0% #DBDDC8	RGB 219 221 200	#DBDDC8
16.7%	16.7% #D5D7B9	RGB 213 215 185	#D5D7B9
33.3%	33.3% #CFD1AA	RGB 207 209 170	#CFD1AA
50.0%	50.0% #CACB9C	RGB 202 203 156	#CACB9C
66.7%	66.7% #C5C48F	RGB 197 196 143	#C5C48F
83.3%	83.3% #BFBD82	RGB 191 189 130	#BFBD82
100.0%	100.0% #BAB576	RGB 186 181 118	#BAB576

#DBDDC8 #D5D7B9 #CFD1AA #CACB9C #C5C48F #BFBD82 #BAB576

#DBDDC8 - #CACB9C - #BAB576

CSS codes

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

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