#DBD7CE - #BDA77E | 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 #DBD7CE to #BDA77E

#DBD7CE #BDA77E

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

#DBD7CE - #BDA77E | 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 #DBD7CE as 0% and #BDA77E as 100%.

0.0%	0.0% #DBD7CE	RGB 219 215 206	#DBD7CE
16.7%	16.7% #D6CFC0	RGB 214 207 192	#D6CFC0
33.3%	33.3% #D1C7B3	RGB 209 199 179	#D1C7B3
50.0%	50.0% #CCBFA6	RGB 204 191 166	#CCBFA6
66.7%	66.7% #C7B798	RGB 199 183 152	#C7B798
83.3%	83.3% #C2AF8B	RGB 194 175 139	#C2AF8B
100.0%	100.0% #BDA77E	RGB 189 167 126	#BDA77E

#DBD7CE #D6CFC0 #D1C7B3 #CCBFA6 #C7B798 #C2AF8B #BDA77E

#DBD7CE - #BDA77E

HSV Blend

#DBD7CE - #BDA77E | 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 #DBD7CE as 0% and #BDA77E as 100%.

0.0%	0.0% #DBD7CE	RGB 219 215 206	#DBD7CE
16.7%	16.7% #D6CEBF	RGB 214 206 191	#D6CEBF
33.3%	33.3% #D1C6B1	RGB 209 198 177	#D1C6B1
50.0%	50.0% #CCBEA3	RGB 204 190 163	#CCBEA3
66.7%	66.7% #C7B696	RGB 199 182 150	#C7B696
83.3%	83.3% #C2AE8A	RGB 194 174 138	#C2AE8A
100.0%	100.0% #BDA77E	RGB 189 167 126	#BDA77E

#DBD7CE #D6CEBF #D1C6B1 #CCBEA3 #C7B696 #C2AE8A #BDA77E

#DBD7CE - #CCBEA3 - #BDA77E

CSS codes

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

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