#F8F8FF - #B6B2CA | 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 #B6B2CA

#F8F8FF #B6B2CA

Calculate the color between two colors, #F8F8FF and #B6B2CA. 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 - #B6B2CA | 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 #B6B2CA as 100%.

0.0%	0.0% #F8F8FF	RGB 248 248 255	#F8F8FF
16.7%	16.7% #EDECF6	RGB 237 236 246	#EDECF6
33.3%	33.3% #E2E0ED	RGB 226 224 237	#E2E0ED
50.0%	50.0% #D7D5E4	RGB 215 213 228	#D7D5E4
66.7%	66.7% #CCC9DB	RGB 204 201 219	#CCC9DB
83.3%	83.3% #C1BDD2	RGB 193 189 210	#C1BDD2
100.0%	100.0% #B6B2CA	RGB 182 178 202	#B6B2CA

#F8F8FF #EDECF6 #E2E0ED #D7D5E4 #CCC9DB #C1BDD2 #B6B2CA

#F8F8FF - #B6B2CA

HSV Blend

#F8F8FF - #B6B2CA | 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 #B6B2CA as 100%.

0.0%	0.0% #F8F8FF	RGB 248 248 255	#F8F8FF
16.7%	16.7% #EBEBF6	RGB 235 235 246	#EBEBF6
33.3%	33.3% #E0DFED	RGB 224 223 237	#E0DFED
50.0%	50.0% #D5D3E4	RGB 213 211 228	#D5D3E4
66.7%	66.7% #CAC8DB	RGB 202 200 219	#CAC8DB
83.3%	83.3% #C0BCD2	RGB 192 188 210	#C0BCD2
100.0%	100.0% #B6B2CA	RGB 182 178 202	#B6B2CA

#F8F8FF #EBEBF6 #E0DFED #D5D3E4 #CAC8DB #C0BCD2 #B6B2CA

#F8F8FF - #D5D3E4 - #B6B2CA

CSS codes

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

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