#C98CF3 - #BAAEF2 | 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 #C98CF3 to #BAAEF2

#C98CF3 #BAAEF2

Calculate the color between two colors, #C98CF3 and #BAAEF2. 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)

#C98CF3 - #BAAEF2 | 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 #C98CF3 as 0% and #BAAEF2 as 100%.

0.0%	0.0% #C98CF3	RGB 201 140 243	#C98CF3
16.7%	16.7% #C691F2	RGB 198 145 242	#C691F2
33.3%	33.3% #C497F2	RGB 196 151 242	#C497F2
50.0%	50.0% #C19DF2	RGB 193 157 242	#C19DF2
66.7%	66.7% #BFA2F2	RGB 191 162 242	#BFA2F2
83.3%	83.3% #BCA8F2	RGB 188 168 242	#BCA8F2
100.0%	100.0% #BAAEF2	RGB 186 174 242	#BAAEF2

#C98CF3 #C691F2 #C497F2 #C19DF2 #BFA2F2 #BCA8F2 #BAAEF2

#C98CF3 - #BAAEF2

HSV Blend

#C98CF3 - #BAAEF2 | 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 #C98CF3 as 0% and #BAAEF2 as 100%.

0.0%	0.0% #C98CF3	RGB 201 140 243	#C98CF3
16.7%	16.7% #C491F2	RGB 196 145 242	#C491F2
33.3%	33.3% #C097F2	RGB 192 151 242	#C097F2
50.0%	50.0% #BD9DF2	RGB 189 157 242	#BD9DF2
66.7%	66.7% #BBA2F2	RGB 187 162 242	#BBA2F2
83.3%	83.3% #BAA8F2	RGB 186 168 242	#BAA8F2
100.0%	100.0% #BAAEF2	RGB 186 174 242	#BAAEF2

#C98CF3 #C491F2 #C097F2 #BD9DF2 #BBA2F2 #BAA8F2 #BAAEF2

#C98CF3 - #BD9DF2 - #BAAEF2

CSS codes

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

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