#6B5C4C - #D4D0CB | 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 #6B5C4C to #D4D0CB

#6B5C4C #D4D0CB

Calculate the color between two colors, #6B5C4C and #D4D0CB. 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)

#6B5C4C - #D4D0CB | 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 #6B5C4C as 0% and #D4D0CB as 100%.

0.0%	0.0% #6B5C4C	RGB 107 92 76	#6B5C4C
16.7%	16.7% #7C6F61	RGB 124 111 97	#7C6F61
33.3%	33.3% #8E8276	RGB 142 130 118	#8E8276
50.0%	50.0% #9F968B	RGB 159 150 139	#9F968B
66.7%	66.7% #B1A9A0	RGB 177 169 160	#B1A9A0
83.3%	83.3% #C2BCB5	RGB 194 188 181	#C2BCB5
100.0%	100.0% #D4D0CB	RGB 212 208 203	#D4D0CB

#6B5C4C #7C6F61 #8E8276 #9F968B #B1A9A0 #C2BCB5 #D4D0CB

#6B5C4C - #D4D0CB

HSV Blend

#6B5C4C - #D4D0CB | 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 #6B5C4C as 0% and #D4D0CB as 100%.

0.0%	0.0% #6B5C4C	RGB 107 92 76	#6B5C4C
16.7%	16.7% #7C6D5D	RGB 124 109 93	#7C6D5D
33.3%	33.3% #8E8070	RGB 142 128 112	#8E8070
50.0%	50.0% #9F9385	RGB 159 147 133	#9F9385
66.7%	66.7% #B1A69A	RGB 177 166 154	#B1A69A
83.3%	83.3% #C2BBB2	RGB 194 187 178	#C2BBB2
100.0%	100.0% #D4D0CB	RGB 212 208 203	#D4D0CB

#6B5C4C #7C6D5D #8E8070 #9F9385 #B1A69A #C2BBB2 #D4D0CB

#6B5C4C - #9F9385 - #D4D0CB

CSS codes

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

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