#6B575C - #D4CFD0 | 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 #6B575C to #D4CFD0

#6B575C #D4CFD0

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

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

0.0%	0.0% #6B575C	RGB 107 87 92	#6B575C
16.7%	16.7% #7C6B6F	RGB 124 107 111	#7C6B6F
33.3%	33.3% #8E7F82	RGB 142 127 130	#8E7F82
50.0%	50.0% #9F9396	RGB 159 147 150	#9F9396
66.7%	66.7% #B1A7A9	RGB 177 167 169	#B1A7A9
83.3%	83.3% #C2BBBC	RGB 194 187 188	#C2BBBC
100.0%	100.0% #D4CFD0	RGB 212 207 208	#D4CFD0

#6B575C #7C6B6F #8E7F82 #9F9396 #B1A7A9 #C2BBBC #D4CFD0

#6B575C - #D4CFD0

HSV Blend

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

0.0%	0.0% #6B575C	RGB 107 87 92	#6B575C
16.7%	16.7% #7C686D	RGB 124 104 109	#7C686D
33.3%	33.3% #8E7B7F	RGB 142 123 127	#8E7B7F
50.0%	50.0% #9F8E92	RGB 159 142 146	#9F8E92
66.7%	66.7% #B1A3A6	RGB 177 163 166	#B1A3A6
83.3%	83.3% #C2B8BA	RGB 194 184 186	#C2B8BA
100.0%	100.0% #D4CFD0	RGB 212 207 208	#D4CFD0

#6B575C #7C686D #8E7B7F #9F8E92 #B1A3A6 #C2B8BA #D4CFD0

#6B575C - #9F8E92 - #D4CFD0

CSS codes

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

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