#DCCDF9 - #916CC5 | 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 #DCCDF9 to #916CC5

#DCCDF9 #916CC5

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

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

0.0%	0.0% #DCCDF9	RGB 220 205 249	#DCCDF9
16.7%	16.7% #CFBCF0	RGB 207 188 240	#CFBCF0
33.3%	33.3% #C3ACE7	RGB 195 172 231	#C3ACE7
50.0%	50.0% #B69CDF	RGB 182 156 223	#B69CDF
66.7%	66.7% #AA8CD6	RGB 170 140 214	#AA8CD6
83.3%	83.3% #9D7CCD	RGB 157 124 205	#9D7CCD
100.0%	100.0% #916CC5	RGB 145 108 197	#916CC5

#DCCDF9 #CFBCF0 #C3ACE7 #B69CDF #AA8CD6 #9D7CCD #916CC5

#DCCDF9 - #916CC5

HSV Blend

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

0.0%	0.0% #DCCDF9	RGB 220 205 249	#DCCDF9
16.7%	16.7% #CDBAF0	RGB 205 186 240	#CDBAF0
33.3%	33.3% #C0A9E7	RGB 192 169 231	#C0A9E7
50.0%	50.0% #B398DF	RGB 179 152 223	#B398DF
66.7%	66.7% #A789D6	RGB 167 137 214	#A789D6
83.3%	83.3% #9B7ACD	RGB 155 122 205	#9B7ACD
100.0%	100.0% #916CC5	RGB 145 108 197	#916CC5

#DCCDF9 #CDBAF0 #C0A9E7 #B398DF #A789D6 #9B7ACD #916CC5

#DCCDF9 - #B398DF - #916CC5

CSS codes

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

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