#8663E7 - #DCD2F8 | 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 #8663E7 to #DCD2F8

#8663E7 #DCD2F8

Calculate the color between two colors, #8663E7 and #DCD2F8. 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)

#8663E7 - #DCD2F8 | 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 #8663E7 as 0% and #DCD2F8 as 100%.

0.0%	0.0% #8663E7	RGB 134 99 231	#8663E7
16.7%	16.7% #9475E9	RGB 148 117 233	#9475E9
33.3%	33.3% #A288EC	RGB 162 136 236	#A288EC
50.0%	50.0% #B19AEF	RGB 177 154 239	#B19AEF
66.7%	66.7% #BFADF2	RGB 191 173 242	#BFADF2
83.3%	83.3% #CDBFF5	RGB 205 191 245	#CDBFF5
100.0%	100.0% #DCD2F8	RGB 220 210 248	#DCD2F8

#8663E7 #9475E9 #A288EC #B19AEF #BFADF2 #CDBFF5 #DCD2F8

#8663E7 - #DCD2F8

HSV Blend

#8663E7 - #DCD2F8 | 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 #8663E7 as 0% and #DCD2F8 as 100%.

0.0%	0.0% #8663E7	RGB 134 99 231	#8663E7
16.7%	16.7% #9374E9	RGB 147 116 233	#9374E9
33.3%	33.3% #A186EC	RGB 161 134 236	#A186EC
50.0%	50.0% #AF98EF	RGB 175 152 239	#AF98EF
66.7%	66.7% #BEABF2	RGB 190 171 242	#BEABF2
83.3%	83.3% #CCBEF5	RGB 204 190 245	#CCBEF5
100.0%	100.0% #DCD2F8	RGB 220 210 248	#DCD2F8

#8663E7 #9374E9 #A186EC #AF98EF #BEABF2 #CCBEF5 #DCD2F8

#8663E7 - #AF98EF - #DCD2F8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8663E7 0%, #AF98EF 50%, #DCD2F8 100%);
    background: -webkit-linear-gradient(top, #8663E7 0%, #AF98EF 50%, #DCD2F8 100%);
    background: linear-gradient(to bottom, #8663E7 0%, #AF98EF 50%, #DCD2F8 100%);
}
</style>