#D9CFCC - #C4977B | 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 #D9CFCC to #C4977B

#D9CFCC #C4977B

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

#D9CFCC - #C4977B | 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 #D9CFCC as 0% and #C4977B as 100%.

0.0%	0.0% #D9CFCC	RGB 217 207 204	#D9CFCC
16.7%	16.7% #D5C5BE	RGB 213 197 190	#D5C5BE
33.3%	33.3% #D2BCB1	RGB 210 188 177	#D2BCB1
50.0%	50.0% #CEB3A3	RGB 206 179 163	#CEB3A3
66.7%	66.7% #CBA996	RGB 203 169 150	#CBA996
83.3%	83.3% #C7A088	RGB 199 160 136	#C7A088
100.0%	100.0% #C4977B	RGB 196 151 123	#C4977B

#D9CFCC #D5C5BE #D2BCB1 #CEB3A3 #CBA996 #C7A088 #C4977B

#D9CFCC - #C4977B

HSV Blend

#D9CFCC - #C4977B | 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 #D9CFCC as 0% and #C4977B as 100%.

0.0%	0.0% #D9CFCC	RGB 217 207 204	#D9CFCC
16.7%	16.7% #D5C3BD	RGB 213 195 189	#D5C3BD
33.3%	33.3% #D2B9AF	RGB 210 185 175	#D2B9AF
50.0%	50.0% #CEAFA1	RGB 206 175 161	#CEAFA1
66.7%	66.7% #CBA694	RGB 203 166 148	#CBA694
83.3%	83.3% #C79E87	RGB 199 158 135	#C79E87
100.0%	100.0% #C4977B	RGB 196 151 123	#C4977B

#D9CFCC #D5C3BD #D2B9AF #CEAFA1 #CBA694 #C79E87 #C4977B

#D9CFCC - #CEAFA1 - #C4977B

CSS codes

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

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