#DFD4DF - #BC81B8 | 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 #DFD4DF to #BC81B8

#DFD4DF #BC81B8

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

#DFD4DF - #BC81B8 | 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 #DFD4DF as 0% and #BC81B8 as 100%.

0.0%	0.0% #DFD4DF	RGB 223 212 223	#DFD4DF
16.7%	16.7% #D9C6D8	RGB 217 198 216	#D9C6D8
33.3%	33.3% #D3B8D2	RGB 211 184 210	#D3B8D2
50.0%	50.0% #CDAACB	RGB 205 170 203	#CDAACB
66.7%	66.7% #C79CC5	RGB 199 156 197	#C79CC5
83.3%	83.3% #C18EBE	RGB 193 142 190	#C18EBE
100.0%	100.0% #BC81B8	RGB 188 129 184	#BC81B8

#DFD4DF #D9C6D8 #D3B8D2 #CDAACB #C79CC5 #C18EBE #BC81B8

#DFD4DF - #BC81B8

HSV Blend

#DFD4DF - #BC81B8 | 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 #DFD4DF as 0% and #BC81B8 as 100%.

0.0%	0.0% #DFD4DF	RGB 223 212 223	#DFD4DF
16.7%	16.7% #D9C4D8	RGB 217 196 216	#D9C4D8
33.3%	33.3% #D3B6D2	RGB 211 182 210	#D3B6D2
50.0%	50.0% #CDA8CC	RGB 205 168 204	#CDA8CC
66.7%	66.7% #C79AC5	RGB 199 154 197	#C79AC5
83.3%	83.3% #C18DBE	RGB 193 141 190	#C18DBE
100.0%	100.0% #BC81B8	RGB 188 129 184	#BC81B8

#DFD4DF #D9C4D8 #D3B6D2 #CDA8CC #C79AC5 #C18DBE #BC81B8

#DFD4DF - #CDA8CC - #BC81B8

CSS codes

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

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