#D3CFCD - #B68C7D | 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 #D3CFCD to #B68C7D

#D3CFCD #B68C7D

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

#D3CFCD - #B68C7D | 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 #D3CFCD as 0% and #B68C7D as 100%.

0.0%	0.0% #D3CFCD	RGB 211 207 205	#D3CFCD
16.7%	16.7% #CEC3BF	RGB 206 195 191	#CEC3BF
33.3%	33.3% #C9B8B2	RGB 201 184 178	#C9B8B2
50.0%	50.0% #C4ADA5	RGB 196 173 165	#C4ADA5
66.7%	66.7% #BFA297	RGB 191 162 151	#BFA297
83.3%	83.3% #BA978A	RGB 186 151 138	#BA978A
100.0%	100.0% #B68C7D	RGB 182 140 125	#B68C7D

#D3CFCD #CEC3BF #C9B8B2 #C4ADA5 #BFA297 #BA978A #B68C7D

#D3CFCD - #B68C7D

HSV Blend

#D3CFCD - #B68C7D | 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 #D3CFCD as 0% and #B68C7D as 100%.

0.0%	0.0% #D3CFCD	RGB 211 207 205	#D3CFCD
16.7%	16.7% #CEC3BE	RGB 206 195 190	#CEC3BE
33.3%	33.3% #C9B8B0	RGB 201 184 176	#C9B8B0
50.0%	50.0% #C4ACA2	RGB 196 172 162	#C4ACA2
66.7%	66.7% #BFA195	RGB 191 161 149	#BFA195
83.3%	83.3% #BA9689	RGB 186 150 137	#BA9689
100.0%	100.0% #B68C7D	RGB 182 140 125	#B68C7D

#D3CFCD #CEC3BE #C9B8B0 #C4ACA2 #BFA195 #BA9689 #B68C7D

#D3CFCD - #C4ACA2 - #B68C7D

CSS codes

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

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