#F8FDFF - #A6CFC2 | 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 #F8FDFF to #A6CFC2

#F8FDFF #A6CFC2

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

#F8FDFF - #A6CFC2 | 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 #F8FDFF as 0% and #A6CFC2 as 100%.

0.0%	0.0% #F8FDFF	RGB 248 253 255	#F8FDFF
16.7%	16.7% #EAF5F4	RGB 234 245 244	#EAF5F4
33.3%	33.3% #DCEDEA	RGB 220 237 234	#DCEDEA
50.0%	50.0% #CFE6E0	RGB 207 230 224	#CFE6E0
66.7%	66.7% #C1DED6	RGB 193 222 214	#C1DED6
83.3%	83.3% #B3D6CC	RGB 179 214 204	#B3D6CC
100.0%	100.0% #A6CFC2	RGB 166 207 194	#A6CFC2

#F8FDFF #EAF5F4 #DCEDEA #CFE6E0 #C1DED6 #B3D6CC #A6CFC2

#F8FDFF - #A6CFC2

HSV Blend

#F8FDFF - #A6CFC2 | 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 #F8FDFF as 0% and #A6CFC2 as 100%.

0.0%	0.0% #F8FDFF	RGB 248 253 255	#F8FDFF
16.7%	16.7% #E9F4F7	RGB 233 244 247	#E9F4F7
33.3%	33.3% #DAEDEF	RGB 218 237 239	#DAEDEF
50.0%	50.0% #CCE7E6	RGB 204 231 230	#CCE7E6
66.7%	66.7% #BFDFDB	RGB 191 223 219	#BFDFDB
83.3%	83.3% #B2D7CF	RGB 178 215 207	#B2D7CF
100.0%	100.0% #A6CFC2	RGB 166 207 194	#A6CFC2

#F8FDFF #E9F4F7 #DAEDEF #CCE7E6 #BFDFDB #B2D7CF #A6CFC2

#F8FDFF - #CCE7E6 - #A6CFC2

CSS codes

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

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