#DFD9D9 - #CB968C | 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 #DFD9D9 to #CB968C

#DFD9D9 #CB968C

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

#DFD9D9 - #CB968C | 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 #DFD9D9 as 0% and #CB968C as 100%.

0.0%	0.0% #DFD9D9	RGB 223 217 217	#DFD9D9
16.7%	16.7% #DBCDCC	RGB 219 205 204	#DBCDCC
33.3%	33.3% #D8C2BF	RGB 216 194 191	#D8C2BF
50.0%	50.0% #D5B7B2	RGB 213 183 178	#D5B7B2
66.7%	66.7% #D1ACA5	RGB 209 172 165	#D1ACA5
83.3%	83.3% #CEA198	RGB 206 161 152	#CEA198
100.0%	100.0% #CB968C	RGB 203 150 140	#CB968C

#DFD9D9 #DBCDCC #D8C2BF #D5B7B2 #D1ACA5 #CEA198 #CB968C

#DFD9D9 - #CB968C

HSV Blend

#DFD9D9 - #CB968C | 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 #DFD9D9 as 0% and #CB968C as 100%.

0.0%	0.0% #DFD9D9	RGB 223 217 217	#DFD9D9
16.7%	16.7% #DBCBCB	RGB 219 203 203	#DBCBCB
33.3%	33.3% #D8BFBE	RGB 216 191 190	#D8BFBE
50.0%	50.0% #D5B3B1	RGB 213 179 177	#D5B3B1
66.7%	66.7% #D1A9A4	RGB 209 169 164	#D1A9A4
83.3%	83.3% #CE9F98	RGB 206 159 152	#CE9F98
100.0%	100.0% #CB968C	RGB 203 150 140	#CB968C

#DFD9D9 #DBCBCB #D8BFBE #D5B3B1 #D1A9A4 #CE9F98 #CB968C

#DFD9D9 - #D5B3B1 - #CB968C

CSS codes

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

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