#9348CF - #CFECDF | 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 #9348CF to #CFECDF

#9348CF #CFECDF

Calculate the color between two colors, #9348CF and #CFECDF. 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)

#9348CF - #CFECDF | 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 #9348CF as 0% and #CFECDF as 100%.

0.0%	0.0% #9348CF	RGB 147 72 207	#9348CF
16.7%	16.7% #9D63D1	RGB 157 99 209	#9D63D1
33.3%	33.3% #A77ED4	RGB 167 126 212	#A77ED4
50.0%	50.0% #B19AD7	RGB 177 154 215	#B19AD7
66.7%	66.7% #BBB5D9	RGB 187 181 217	#BBB5D9
83.3%	83.3% #C5D0DC	RGB 197 208 220	#C5D0DC
100.0%	100.0% #CFECDF	RGB 207 236 223	#CFECDF

#9348CF #9D63D1 #A77ED4 #B19AD7 #BBB5D9 #C5D0DC #CFECDF

#9348CF - #CFECDF

HSV Blend

#9348CF - #CFECDF | 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 #9348CF as 0% and #CFECDF as 100%.

0.0%	0.0% #9248CF	RGB 146 72 207	#9248CF
16.7%	16.7% #765CD3	RGB 118 92 211	#765CD3
33.3%	33.3% #717DD8	RGB 113 125 216	#717DD8
50.0%	50.0% #87ADDD	RGB 135 173 221	#87ADDD
66.7%	66.7% #9ED3E2	RGB 158 211 226	#9ED3E2
83.3%	83.3% #B6E7E1	RGB 182 231 225	#B6E7E1
100.0%	100.0% #CFECDF	RGB 207 236 223	#CFECDF

#9248CF #765CD3 #717DD8 #87ADDD #9ED3E2 #B6E7E1 #CFECDF

#9348CF - #87ADDD - #CFECDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9248CF 0%, #87ADDD 50%, #CFECDF 100%);
    background: -webkit-linear-gradient(top, #9248CF 0%, #87ADDD 50%, #CFECDF 100%);
    background: linear-gradient(to bottom, #9248CF 0%, #87ADDD 50%, #CFECDF 100%);
}
</style>