#7466DA - #DFBCE7 | 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 #7466DA to #DFBCE7

#7466DA #DFBCE7

Calculate the color between two colors, #7466DA and #DFBCE7. 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)

#7466DA - #DFBCE7 | 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 #7466DA as 0% and #DFBCE7 as 100%.

0.0%	0.0% #7466DA	RGB 116 102 218	#7466DA
16.7%	16.7% #8574DC	RGB 133 116 220	#8574DC
33.3%	33.3% #9782DE	RGB 151 130 222	#9782DE
50.0%	50.0% #A991E0	RGB 169 145 224	#A991E0
66.7%	66.7% #BB9FE2	RGB 187 159 226	#BB9FE2
83.3%	83.3% #CDADE4	RGB 205 173 228	#CDADE4
100.0%	100.0% #DFBCE7	RGB 223 188 231	#DFBCE7

#7466DA #8574DC #9782DE #A991E0 #BB9FE2 #CDADE4 #DFBCE7

#7466DA - #DFBCE7

HSV Blend

#7466DA - #DFBCE7 | 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 #7466DA as 0% and #DFBCE7 as 100%.

0.0%	0.0% #7366DA	RGB 115 102 218	#7366DA
16.7%	16.7% #8C73DC	RGB 140 115 220	#8C73DC
33.3%	33.3% #A281DE	RGB 162 129 222	#A281DE
50.0%	50.0% #B58FE0	RGB 181 143 224	#B58FE0
66.7%	66.7% #C69EE2	RGB 198 158 226	#C69EE2
83.3%	83.3% #D4ADE4	RGB 212 173 228	#D4ADE4
100.0%	100.0% #DFBCE7	RGB 223 188 231	#DFBCE7

#7366DA #8C73DC #A281DE #B58FE0 #C69EE2 #D4ADE4 #DFBCE7

#7466DA - #B58FE0 - #DFBCE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7366DA 0%, #B58FE0 50%, #DFBCE7 100%);
    background: -webkit-linear-gradient(top, #7366DA 0%, #B58FE0 50%, #DFBCE7 100%);
    background: linear-gradient(to bottom, #7366DA 0%, #B58FE0 50%, #DFBCE7 100%);
}
</style>