#DFD9D9 - #CB938C | 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 #CB938C

#DFD9D9 #CB938C

Calculate the color between two colors, #DFD9D9 and #CB938C. 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 - #CB938C | 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 #CB938C 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% #D8C1BF	RGB 216 193 191	#D8C1BF
50.0%	50.0% #D5B6B2	RGB 213 182 178	#D5B6B2
66.7%	66.7% #D1AAA5	RGB 209 170 165	#D1AAA5
83.3%	83.3% #CE9E98	RGB 206 158 152	#CE9E98
100.0%	100.0% #CB938C	RGB 203 147 140	#CB938C

#DFD9D9 #DBCDCC #D8C1BF #D5B6B2 #D1AAA5 #CE9E98 #CB938C

#DFD9D9 - #CB938C

HSV Blend

#DFD9D9 - #CB938C | 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 #CB938C 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% #D1A7A4	RGB 209 167 164	#D1A7A4
83.3%	83.3% #CE9D98	RGB 206 157 152	#CE9D98
100.0%	100.0% #CB938C	RGB 203 147 140	#CB938C

#DFD9D9 #DBCBCB #D8BFBE #D5B3B1 #D1A7A4 #CE9D98 #CB938C

#DFD9D9 - #D5B3B1 - #CB938C

CSS codes

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

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