#FAFDFF - #A6CEBD | 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 #FAFDFF to #A6CEBD

#FAFDFF #A6CEBD

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

#FAFDFF - #A6CEBD | 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 #FAFDFF as 0% and #A6CEBD as 100%.

0.0%	0.0% #FAFDFF	RGB 250 253 255	#FAFDFF
16.7%	16.7% #ECF5F4	RGB 236 245 244	#ECF5F4
33.3%	33.3% #DEEDE9	RGB 222 237 233	#DEEDE9
50.0%	50.0% #D0E5DE	RGB 208 229 222	#D0E5DE
66.7%	66.7% #C2DDD3	RGB 194 221 211	#C2DDD3
83.3%	83.3% #B4D5C8	RGB 180 213 200	#B4D5C8
100.0%	100.0% #A6CEBD	RGB 166 206 189	#A6CEBD

#FAFDFF #ECF5F4 #DEEDE9 #D0E5DE #C2DDD3 #B4D5C8 #A6CEBD

#FAFDFF - #A6CEBD

HSV Blend

#FAFDFF - #A6CEBD | 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 #FAFDFF as 0% and #A6CEBD as 100%.

0.0%	0.0% #FAFDFF	RGB 250 253 255	#FAFDFF
16.7%	16.7% #EAF3F6	RGB 234 243 246	#EAF3F6
33.3%	33.3% #DCECEE	RGB 220 236 238	#DCECEE
50.0%	50.0% #CDE6E6	RGB 205 230 230	#CDE6E6
66.7%	66.7% #C0DED9	RGB 192 222 217	#C0DED9
83.3%	83.3% #B2D6CC	RGB 178 214 204	#B2D6CC
100.0%	100.0% #A6CEBD	RGB 166 206 189	#A6CEBD

#FAFDFF #EAF3F6 #DCECEE #CDE6E6 #C0DED9 #B2D6CC #A6CEBD

#FAFDFF - #CDE6E6 - #A6CEBD

CSS codes

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

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