#DFD4DB - #BC81A6 | 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 #DFD4DB to #BC81A6

#DFD4DB #BC81A6

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

#DFD4DB - #BC81A6 | 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 #DFD4DB as 0% and #BC81A6 as 100%.

0.0%	0.0% #DFD4DB	RGB 223 212 219	#DFD4DB
16.7%	16.7% #D9C6D2	RGB 217 198 210	#D9C6D2
33.3%	33.3% #D3B8C9	RGB 211 184 201	#D3B8C9
50.0%	50.0% #CDAAC0	RGB 205 170 192	#CDAAC0
66.7%	66.7% #C79CB7	RGB 199 156 183	#C79CB7
83.3%	83.3% #C18EAE	RGB 193 142 174	#C18EAE
100.0%	100.0% #BC81A6	RGB 188 129 166	#BC81A6

#DFD4DB #D9C6D2 #D3B8C9 #CDAAC0 #C79CB7 #C18EAE #BC81A6

#DFD4DB - #BC81A6

HSV Blend

#DFD4DB - #BC81A6 | 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 #DFD4DB as 0% and #BC81A6 as 100%.

0.0%	0.0% #DFD4DB	RGB 223 212 219	#DFD4DB
16.7%	16.7% #D9C4D1	RGB 217 196 209	#D9C4D1
33.3%	33.3% #D3B6C8	RGB 211 182 200	#D3B6C8
50.0%	50.0% #CDA8BF	RGB 205 168 191	#CDA8BF
66.7%	66.7% #C79AB7	RGB 199 154 183	#C79AB7
83.3%	83.3% #C18DAE	RGB 193 141 174	#C18DAE
100.0%	100.0% #BC81A6	RGB 188 129 166	#BC81A6

#DFD4DB #D9C4D1 #D3B6C8 #CDA8BF #C79AB7 #C18DAE #BC81A6

#DFD4DB - #CDA8BF - #BC81A6

CSS codes

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

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