#DFD9F1 - #9980B9 | 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 #DFD9F1 to #9980B9

#DFD9F1 #9980B9

Calculate the color between two colors, #DFD9F1 and #9980B9. 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)

#DFD9F1 - #9980B9 | 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 #DFD9F1 as 0% and #9980B9 as 100%.

0.0%	0.0% #DFD9F1	RGB 223 217 241	#DFD9F1
16.7%	16.7% #D3CAE7	RGB 211 202 231	#D3CAE7
33.3%	33.3% #C7BBDE	RGB 199 187 222	#C7BBDE
50.0%	50.0% #BCACD5	RGB 188 172 213	#BCACD5
66.7%	66.7% #B09DCB	RGB 176 157 203	#B09DCB
83.3%	83.3% #A48EC2	RGB 164 142 194	#A48EC2
100.0%	100.0% #9980B9	RGB 153 128 185	#9980B9

#DFD9F1 #D3CAE7 #C7BBDE #BCACD5 #B09DCB #A48EC2 #9980B9

#DFD9F1 - #9980B9

HSV Blend

#DFD9F1 - #9980B9 | 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 #DFD9F1 as 0% and #9980B9 as 100%.

0.0%	0.0% #DFD9F1	RGB 223 217 241	#DFD9F1
16.7%	16.7% #D1C8E7	RGB 209 200 231	#D1C8E7
33.3%	33.3% #C4B8DE	RGB 196 184 222	#C4B8DE
50.0%	50.0% #B8A9D5	RGB 184 169 213	#B8A9D5
66.7%	66.7% #AD9BCB	RGB 173 155 203	#AD9BCB
83.3%	83.3% #A28DC2	RGB 162 141 194	#A28DC2
100.0%	100.0% #9980B9	RGB 153 128 185	#9980B9

#DFD9F1 #D1C8E7 #C4B8DE #B8A9D5 #AD9BCB #A28DC2 #9980B9

#DFD9F1 - #B8A9D5 - #9980B9

CSS codes

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

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