#D9CCCC - #C4827B | 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 #D9CCCC to #C4827B

#D9CCCC #C4827B

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

#D9CCCC - #C4827B | 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 #D9CCCC as 0% and #C4827B as 100%.

0.0%	0.0% #D9CCCC	RGB 217 204 204	#D9CCCC
16.7%	16.7% #D5BFBE	RGB 213 191 190	#D5BFBE
33.3%	33.3% #D2B3B1	RGB 210 179 177	#D2B3B1
50.0%	50.0% #CEA7A3	RGB 206 167 163	#CEA7A3
66.7%	66.7% #CB9A96	RGB 203 154 150	#CB9A96
83.3%	83.3% #C78E88	RGB 199 142 136	#C78E88
100.0%	100.0% #C4827B	RGB 196 130 123	#C4827B

#D9CCCC #D5BFBE #D2B3B1 #CEA7A3 #CB9A96 #C78E88 #C4827B

#D9CCCC - #C4827B

HSV Blend

#D9CCCC - #C4827B | 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 #D9CCCC as 0% and #C4827B as 100%.

0.0%	0.0% #D9CCCC	RGB 217 204 204	#D9CCCC
16.7%	16.7% #D5BDBD	RGB 213 189 189	#D5BDBD
33.3%	33.3% #D2B0AF	RGB 210 176 175	#D2B0AF
50.0%	50.0% #CEA3A1	RGB 206 163 161	#CEA3A1
66.7%	66.7% #CB9894	RGB 203 152 148	#CB9894
83.3%	83.3% #C78C87	RGB 199 140 135	#C78C87
100.0%	100.0% #C4827B	RGB 196 130 123	#C4827B

#D9CCCC #D5BDBD #D2B0AF #CEA3A1 #CB9894 #C78C87 #C4827B

#D9CCCC - #CEA3A1 - #C4827B

CSS codes

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

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