#D9D4CD - #9C716D | 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 #D9D4CD to #9C716D

#D9D4CD #9C716D

Calculate the color between two colors, #D9D4CD and #9C716D. 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)

#D9D4CD - #9C716D | 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 #D9D4CD as 0% and #9C716D as 100%.

0.0%	0.0% #D9D4CD	RGB 217 212 205	#D9D4CD
16.7%	16.7% #CEC3BD	RGB 206 195 189	#CEC3BD
33.3%	33.3% #C4B3AD	RGB 196 179 173	#C4B3AD
50.0%	50.0% #BAA29D	RGB 186 162 157	#BAA29D
66.7%	66.7% #B0928D	RGB 176 146 141	#B0928D
83.3%	83.3% #A6817D	RGB 166 129 125	#A6817D
100.0%	100.0% #9C716D	RGB 156 113 109	#9C716D

#D9D4CD #CEC3BD #C4B3AD #BAA29D #B0928D #A6817D #9C716D

#D9D4CD - #9C716D

HSV Blend

#D9D4CD - #9C716D | 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 #D9D4CD as 0% and #9C716D as 100%.

0.0%	0.0% #D9D4CD	RGB 217 212 205	#D9D4CD
16.7%	16.7% #CEC4BA	RGB 206 196 186	#CEC4BA
33.3%	33.3% #C4B4A9	RGB 196 180 169	#C4B4A9
50.0%	50.0% #BAA499	RGB 186 164 153	#BAA499
66.7%	66.7% #B09389	RGB 176 147 137	#B09389
83.3%	83.3% #A6827A	RGB 166 130 122	#A6827A
100.0%	100.0% #9C716D	RGB 156 113 109	#9C716D

#D9D4CD #CEC4BA #C4B4A9 #BAA499 #B09389 #A6827A #9C716D

#D9D4CD - #BAA499 - #9C716D

CSS codes

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

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