#D9CFFB - #906DC9 | 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 #D9CFFB to #906DC9

#D9CFFB #906DC9

Calculate the color between two colors, #D9CFFB and #906DC9. 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)

#D9CFFB - #906DC9 | 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 #D9CFFB as 0% and #906DC9 as 100%.

0.0%	0.0% #D9CFFB	RGB 217 207 251	#D9CFFB
16.7%	16.7% #CCBEF2	RGB 204 190 242	#CCBEF2
33.3%	33.3% #C0AEEA	RGB 192 174 234	#C0AEEA
50.0%	50.0% #B49EE2	RGB 180 158 226	#B49EE2
66.7%	66.7% #A88DD9	RGB 168 141 217	#A88DD9
83.3%	83.3% #9C7DD1	RGB 156 125 209	#9C7DD1
100.0%	100.0% #906DC9	RGB 144 109 201	#906DC9

#D9CFFB #CCBEF2 #C0AEEA #B49EE2 #A88DD9 #9C7DD1 #906DC9

#D9CFFB - #906DC9

HSV Blend

#D9CFFB - #906DC9 | 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 #D9CFFB as 0% and #906DC9 as 100%.

0.0%	0.0% #D9CFFB	RGB 217 207 251	#D9CFFB
16.7%	16.7% #CABCF2	RGB 202 188 242	#CABCF2
33.3%	33.3% #BCABEA	RGB 188 171 234	#BCABEA
50.0%	50.0% #B09AE2	RGB 176 154 226	#B09AE2
66.7%	66.7% #A48AD9	RGB 164 138 217	#A48AD9
83.3%	83.3% #997BD1	RGB 153 123 209	#997BD1
100.0%	100.0% #906DC9	RGB 144 109 201	#906DC9

#D9CFFB #CABCF2 #BCABEA #B09AE2 #A48AD9 #997BD1 #906DC9

#D9CFFB - #B09AE2 - #906DC9

CSS codes

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

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