#FBFEFF - #A8CEAF | 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 #FBFEFF to #A8CEAF

#FBFEFF #A8CEAF

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

#FBFEFF - #A8CEAF | 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 #FBFEFF as 0% and #A8CEAF as 100%.

0.0%	0.0% #FBFEFF	RGB 251 254 255	#FBFEFF
16.7%	16.7% #EDF6F1	RGB 237 246 241	#EDF6F1
33.3%	33.3% #DFEEE4	RGB 223 238 228	#DFEEE4
50.0%	50.0% #D1E6D7	RGB 209 230 215	#D1E6D7
66.7%	66.7% #C3DEC9	RGB 195 222 201	#C3DEC9
83.3%	83.3% #B5D6BC	RGB 181 214 188	#B5D6BC
100.0%	100.0% #A8CEAF	RGB 168 206 175	#A8CEAF

#FBFEFF #EDF6F1 #DFEEE4 #D1E6D7 #C3DEC9 #B5D6BC #A8CEAF

#FBFEFF - #A8CEAF

HSV Blend

#FBFEFF - #A8CEAF | 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 #FBFEFF as 0% and #A8CEAF as 100%.

0.0%	0.0% #FBFEFF	RGB 251 254 255	#FBFEFF
16.7%	16.7% #ECF6F6	RGB 236 246 246	#ECF6F6
33.3%	33.3% #DDEEEC	RGB 221 238 236	#DDEEEC
50.0%	50.0% #CFE6DF	RGB 207 230 223	#CFE6DF
66.7%	66.7% #C1DED1	RGB 193 222 209	#C1DED1
83.3%	83.3% #B4D6C0	RGB 180 214 192	#B4D6C0
100.0%	100.0% #A8CEAF	RGB 168 206 175	#A8CEAF

#FBFEFF #ECF6F6 #DDEEEC #CFE6DF #C1DED1 #B4D6C0 #A8CEAF

#FBFEFF - #CFE6DF - #A8CEAF

CSS codes

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

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