#DCD9F1 - #987FB9 | 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 #DCD9F1 to #987FB9

#DCD9F1 #987FB9

Calculate the color between two colors, #DCD9F1 and #987FB9. 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)

#DCD9F1 - #987FB9 | 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 #DCD9F1 as 0% and #987FB9 as 100%.

0.0%	0.0% #DCD9F1	RGB 220 217 241	#DCD9F1
16.7%	16.7% #D0CAE7	RGB 208 202 231	#D0CAE7
33.3%	33.3% #C5BBDE	RGB 197 187 222	#C5BBDE
50.0%	50.0% #BAACD5	RGB 186 172 213	#BAACD5
66.7%	66.7% #AE9DCB	RGB 174 157 203	#AE9DCB
83.3%	83.3% #A38EC2	RGB 163 142 194	#A38EC2
100.0%	100.0% #987FB9	RGB 152 127 185	#987FB9

#DCD9F1 #D0CAE7 #C5BBDE #BAACD5 #AE9DCB #A38EC2 #987FB9

#DCD9F1 - #987FB9

HSV Blend

#DCD9F1 - #987FB9 | 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 #DCD9F1 as 0% and #987FB9 as 100%.

0.0%	0.0% #DCD9F1	RGB 220 217 241	#DCD9F1
16.7%	16.7% #CDC8E7	RGB 205 200 231	#CDC8E7
33.3%	33.3% #C0B8DE	RGB 192 184 222	#C0B8DE
50.0%	50.0% #B5A9D5	RGB 181 169 213	#B5A9D5
66.7%	66.7% #AA9ACB	RGB 170 154 203	#AA9ACB
83.3%	83.3% #A08CC2	RGB 160 140 194	#A08CC2
100.0%	100.0% #987FB9	RGB 152 127 185	#987FB9

#DCD9F1 #CDC8E7 #C0B8DE #B5A9D5 #AA9ACB #A08CC2 #987FB9

#DCD9F1 - #B5A9D5 - #987FB9

CSS codes

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

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