#DCCDF1 - #916FB9 | 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 #DCCDF1 to #916FB9

#DCCDF1 #916FB9

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

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

0.0%	0.0% #DCCDF1	RGB 220 205 241	#DCCDF1
16.7%	16.7% #CFBDE7	RGB 207 189 231	#CFBDE7
33.3%	33.3% #C3ADDE	RGB 195 173 222	#C3ADDE
50.0%	50.0% #B69ED5	RGB 182 158 213	#B69ED5
66.7%	66.7% #AA8ECB	RGB 170 142 203	#AA8ECB
83.3%	83.3% #9D7EC2	RGB 157 126 194	#9D7EC2
100.0%	100.0% #916FB9	RGB 145 111 185	#916FB9

#DCCDF1 #CFBDE7 #C3ADDE #B69ED5 #AA8ECB #9D7EC2 #916FB9

#DCCDF1 - #916FB9

HSV Blend

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

0.0%	0.0% #DCCDF1	RGB 220 205 241	#DCCDF1
16.7%	16.7% #CEBBE7	RGB 206 187 231	#CEBBE7
33.3%	33.3% #C0AADE	RGB 192 170 222	#C0AADE
50.0%	50.0% #B49AD5	RGB 180 154 213	#B49AD5
66.7%	66.7% #A78BCB	RGB 167 139 203	#A78BCB
83.3%	83.3% #9C7CC2	RGB 156 124 194	#9C7CC2
100.0%	100.0% #916FB9	RGB 145 111 185	#916FB9

#DCCDF1 #CEBBE7 #C0AADE #B49AD5 #A78BCB #9C7CC2 #916FB9

#DCCDF1 - #B49AD5 - #916FB9

CSS codes

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

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