#F8F8FF - #C2B3F6 | 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 #F8F8FF to #C2B3F6

#F8F8FF #C2B3F6

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

#F8F8FF - #C2B3F6 | 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 #F8F8FF as 0% and #C2B3F6 as 100%.

0.0%	0.0% #F8F8FF	RGB 248 248 255	#F8F8FF
16.7%	16.7% #EFECFD	RGB 239 236 253	#EFECFD
33.3%	33.3% #E6E1FC	RGB 230 225 252	#E6E1FC
50.0%	50.0% #DDD5FA	RGB 221 213 250	#DDD5FA
66.7%	66.7% #D4CAF9	RGB 212 202 249	#D4CAF9
83.3%	83.3% #CBBEF7	RGB 203 190 247	#CBBEF7
100.0%	100.0% #C2B3F6	RGB 194 179 246	#C2B3F6

#F8F8FF #EFECFD #E6E1FC #DDD5FA #D4CAF9 #CBBEF7 #C2B3F6

#F8F8FF - #C2B3F6

HSV Blend

#F8F8FF - #C2B3F6 | 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 #F8F8FF as 0% and #C2B3F6 as 100%.

0.0%	0.0% #F8F8FF	RGB 248 248 255	#F8F8FF
16.7%	16.7% #ECECFD	RGB 236 236 253	#ECECFD
33.3%	33.3% #E2E0FC	RGB 226 224 252	#E2E0FC
50.0%	50.0% #D9D4FA	RGB 217 212 250	#D9D4FA
66.7%	66.7% #D0C9F9	RGB 208 201 249	#D0C9F9
83.3%	83.3% #C8BEF7	RGB 200 190 247	#C8BEF7
100.0%	100.0% #C2B3F6	RGB 194 179 246	#C2B3F6

#F8F8FF #ECECFD #E2E0FC #D9D4FA #D0C9F9 #C8BEF7 #C2B3F6

#F8F8FF - #D9D4FA - #C2B3F6

CSS codes

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

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