#FBFEFF - #A8CEB5 | 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 #A8CEB5

#FBFEFF #A8CEB5

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

0.0%	0.0% #FBFEFF	RGB 251 254 255	#FBFEFF
16.7%	16.7% #EDF6F2	RGB 237 246 242	#EDF6F2
33.3%	33.3% #DFEEE6	RGB 223 238 230	#DFEEE6
50.0%	50.0% #D1E6DA	RGB 209 230 218	#D1E6DA
66.7%	66.7% #C3DECD	RGB 195 222 205	#C3DECD
83.3%	83.3% #B5D6C1	RGB 181 214 193	#B5D6C1
100.0%	100.0% #A8CEB5	RGB 168 206 181	#A8CEB5

#FBFEFF #EDF6F2 #DFEEE6 #D1E6DA #C3DECD #B5D6C1 #A8CEB5

#FBFEFF - #A8CEB5

HSV Blend

#FBFEFF - #A8CEB5 | 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 #A8CEB5 as 100%.

0.0%	0.0% #FBFEFF	RGB 251 254 255	#FBFEFF
16.7%	16.7% #ECF5F6	RGB 236 245 246	#ECF5F6
33.3%	33.3% #DDEEED	RGB 221 238 237	#DDEEED
50.0%	50.0% #CFE6E1	RGB 207 230 225	#CFE6E1
66.7%	66.7% #C1DED4	RGB 193 222 212	#C1DED4
83.3%	83.3% #B4D6C5	RGB 180 214 197	#B4D6C5
100.0%	100.0% #A8CEB5	RGB 168 206 181	#A8CEB5

#FBFEFF #ECF5F6 #DDEEED #CFE6E1 #C1DED4 #B4D6C5 #A8CEB5

#FBFEFF - #CFE6E1 - #A8CEB5

CSS codes

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

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