#DFD9DB - #CB8CA2 | 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 #DFD9DB to #CB8CA2

#DFD9DB #CB8CA2

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

#DFD9DB - #CB8CA2 | 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 #DFD9DB as 0% and #CB8CA2 as 100%.

0.0%	0.0% #DFD9DB	RGB 223 217 219	#DFD9DB
16.7%	16.7% #DBCCD1	RGB 219 204 209	#DBCCD1
33.3%	33.3% #D8BFC8	RGB 216 191 200	#D8BFC8
50.0%	50.0% #D5B2BE	RGB 213 178 190	#D5B2BE
66.7%	66.7% #D1A5B5	RGB 209 165 181	#D1A5B5
83.3%	83.3% #CE98AB	RGB 206 152 171	#CE98AB
100.0%	100.0% #CB8CA2	RGB 203 140 162	#CB8CA2

#DFD9DB #DBCCD1 #D8BFC8 #D5B2BE #D1A5B5 #CE98AB #CB8CA2

#DFD9DB - #CB8CA2

HSV Blend

#DFD9DB - #CB8CA2 | 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 #DFD9DB as 0% and #CB8CA2 as 100%.

0.0%	0.0% #DFD9DB	RGB 223 217 219	#DFD9DB
16.7%	16.7% #DBCBD0	RGB 219 203 208	#DBCBD0
33.3%	33.3% #D8BEC6	RGB 216 190 198	#D8BEC6
50.0%	50.0% #D5B1BD	RGB 213 177 189	#D5B1BD
66.7%	66.7% #D1A4B3	RGB 209 164 179	#D1A4B3
83.3%	83.3% #CE98AA	RGB 206 152 170	#CE98AA
100.0%	100.0% #CB8CA2	RGB 203 140 162	#CB8CA2

#DFD9DB #DBCBD0 #D8BEC6 #D5B1BD #D1A4B3 #CE98AA #CB8CA2

#DFD9DB - #D5B1BD - #CB8CA2

CSS codes

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

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