#A0FCFF - #EBEEC6 | 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 #A0FCFF to #EBEEC6

#A0FCFF #EBEEC6

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

#A0FCFF - #EBEEC6 | 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 #A0FCFF as 0% and #EBEEC6 as 100%.

0.0%	0.0% #A0FCFF	RGB 160 252 255	#A0FCFF
16.7%	16.7% #ACF9F5	RGB 172 249 245	#ACF9F5
33.3%	33.3% #B9F7EC	RGB 185 247 236	#B9F7EC
50.0%	50.0% #C5F5E2	RGB 197 245 226	#C5F5E2
66.7%	66.7% #D2F2D9	RGB 210 242 217	#D2F2D9
83.3%	83.3% #DEF0CF	RGB 222 240 207	#DEF0CF
100.0%	100.0% #EBEEC6	RGB 235 238 198	#EBEEC6

#A0FCFF #ACF9F5 #B9F7EC #C5F5E2 #D2F2D9 #DEF0CF #EBEEC6

#A0FCFF - #EBEEC6

HSV Blend

#A0FCFF - #EBEEC6 | 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 #A0FCFF as 0% and #EBEEC6 as 100%.

0.0%	0.0% #A0FCFF	RGB 160 252 255	#A0FCFF
16.7%	16.7% #A6FCE3	RGB 166 252 227	#A6FCE3
33.3%	33.3% #ADF9CA	RGB 173 249 202	#ADF9CA
50.0%	50.0% #B3F6B7	RGB 179 246 183	#B3F6B7
66.7%	66.7% #C9F3BA	RGB 201 243 186	#C9F3BA
83.3%	83.3% #DDF0C0	RGB 221 240 192	#DDF0C0
100.0%	100.0% #EBEEC6	RGB 235 238 198	#EBEEC6

#A0FCFF #A6FCE3 #ADF9CA #B3F6B7 #C9F3BA #DDF0C0 #EBEEC6

#A0FCFF - #B3F6B7 - #EBEEC6

CSS codes

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

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