#DCCFCF - #AB867E | 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 #DCCFCF to #AB867E

#DCCFCF #AB867E

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

#DCCFCF - #AB867E | 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 #DCCFCF as 0% and #AB867E as 100%.

0.0%	0.0% #DCCFCF	RGB 220 207 207	#DCCFCF
16.7%	16.7% #D3C2C1	RGB 211 194 193	#D3C2C1
33.3%	33.3% #CBB6B4	RGB 203 182 180	#CBB6B4
50.0%	50.0% #C3AAA6	RGB 195 170 166	#C3AAA6
66.7%	66.7% #BB9E99	RGB 187 158 153	#BB9E99
83.3%	83.3% #B3928B	RGB 179 146 139	#B3928B
100.0%	100.0% #AB867E	RGB 171 134 126	#AB867E

#DCCFCF #D3C2C1 #CBB6B4 #C3AAA6 #BB9E99 #B3928B #AB867E

#DCCFCF - #AB867E

HSV Blend

#DCCFCF - #AB867E | 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 #DCCFCF as 0% and #AB867E as 100%.

0.0%	0.0% #DCCFCF	RGB 220 207 207	#DCCFCF
16.7%	16.7% #D3C0C0	RGB 211 192 192	#D3C0C0
33.3%	33.3% #CBB3B1	RGB 203 179 177	#CBB3B1
50.0%	50.0% #C3A6A4	RGB 195 166 164	#C3A6A4
66.7%	66.7% #BB9B96	RGB 187 155 150	#BB9B96
83.3%	83.3% #B3908A	RGB 179 144 138	#B3908A
100.0%	100.0% #AB867E	RGB 171 134 126	#AB867E

#DCCFCF #D3C0C0 #CBB3B1 #C3A6A4 #BB9B96 #B3908A #AB867E

#DCCFCF - #C3A6A4 - #AB867E

CSS codes

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

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