#D3C0BE - #BB756B | 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 #D3C0BE to #BB756B

#D3C0BE #BB756B

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

#D3C0BE - #BB756B | 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 #D3C0BE as 0% and #BB756B as 100%.

0.0%	0.0% #D3C0BE	RGB 211 192 190	#D3C0BE
16.7%	16.7% #CFB3B0	RGB 207 179 176	#CFB3B0
33.3%	33.3% #CBA7A2	RGB 203 167 162	#CBA7A2
50.0%	50.0% #C79A94	RGB 199 154 148	#C79A94
66.7%	66.7% #C38E86	RGB 195 142 134	#C38E86
83.3%	83.3% #BF8178	RGB 191 129 120	#BF8178
100.0%	100.0% #BB756B	RGB 187 117 107	#BB756B

#D3C0BE #CFB3B0 #CBA7A2 #C79A94 #C38E86 #BF8178 #BB756B

#D3C0BE - #BB756B

HSV Blend

#D3C0BE - #BB756B | 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 #D3C0BE as 0% and #BB756B as 100%.

0.0%	0.0% #D3C0BE	RGB 211 192 190	#D3C0BE
16.7%	16.7% #CFB2AF	RGB 207 178 175	#CFB2AF
33.3%	33.3% #CBA5A0	RGB 203 165 160	#CBA5A0
50.0%	50.0% #C79892	RGB 199 152 146	#C79892
66.7%	66.7% #C38C84	RGB 195 140 132	#C38C84
83.3%	83.3% #BF8077	RGB 191 128 119	#BF8077
100.0%	100.0% #BB756B	RGB 187 117 107	#BB756B

#D3C0BE #CFB2AF #CBA5A0 #C79892 #C38C84 #BF8077 #BB756B

#D3C0BE - #C79892 - #BB756B

CSS codes

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

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