#DFD9DA - #CB8C97 | 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 #DFD9DA to #CB8C97

#DFD9DA #CB8C97

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

#DFD9DA - #CB8C97 | 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 #DFD9DA as 0% and #CB8C97 as 100%.

0.0%	0.0% #DFD9DA	RGB 223 217 218	#DFD9DA
16.7%	16.7% #DBCCCE	RGB 219 204 206	#DBCCCE
33.3%	33.3% #D8BFC3	RGB 216 191 195	#D8BFC3
50.0%	50.0% #D5B2B8	RGB 213 178 184	#D5B2B8
66.7%	66.7% #D1A5AD	RGB 209 165 173	#D1A5AD
83.3%	83.3% #CE98A2	RGB 206 152 162	#CE98A2
100.0%	100.0% #CB8C97	RGB 203 140 151	#CB8C97

#DFD9DA #DBCCCE #D8BFC3 #D5B2B8 #D1A5AD #CE98A2 #CB8C97

#DFD9DA - #CB8C97

HSV Blend

#DFD9DA - #CB8C97 | 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 #DFD9DA as 0% and #CB8C97 as 100%.

0.0%	0.0% #DFD9DA	RGB 223 217 218	#DFD9DA
16.7%	16.7% #DBCBCE	RGB 219 203 206	#DBCBCE
33.3%	33.3% #D8BEC2	RGB 216 190 194	#D8BEC2
50.0%	50.0% #D5B1B7	RGB 213 177 183	#D5B1B7
66.7%	66.7% #D1A4AC	RGB 209 164 172	#D1A4AC
83.3%	83.3% #CE98A1	RGB 206 152 161	#CE98A1
100.0%	100.0% #CB8C97	RGB 203 140 151	#CB8C97

#DFD9DA #DBCBCE #D8BEC2 #D5B1B7 #D1A4AC #CE98A1 #CB8C97

#DFD9DA - #D5B1B7 - #CB8C97

CSS codes

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

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