#A8FCDD - #EDE6C7 | 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 #A8FCDD to #EDE6C7

#A8FCDD #EDE6C7

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

#A8FCDD - #EDE6C7 | 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 #A8FCDD as 0% and #EDE6C7 as 100%.

0.0%	0.0% #A8FCDD	RGB 168 252 221	#A8FCDD
16.7%	16.7% #B3F8D9	RGB 179 248 217	#B3F8D9
33.3%	33.3% #BFF4D5	RGB 191 244 213	#BFF4D5
50.0%	50.0% #CAF1D2	RGB 202 241 210	#CAF1D2
66.7%	66.7% #D6EDCE	RGB 214 237 206	#D6EDCE
83.3%	83.3% #E1E9CA	RGB 225 233 202	#E1E9CA
100.0%	100.0% #EDE6C7	RGB 237 230 199	#EDE6C7

#A8FCDD #B3F8D9 #BFF4D5 #CAF1D2 #D6EDCE #E1E9CA #EDE6C7

#A8FCDD - #EDE6C7

HSV Blend

#A8FCDD - #EDE6C7 | 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 #A8FCDD as 0% and #EDE6C7 as 100%.

0.0%	0.0% #A8FCDD	RGB 168 252 221	#A8FCDD
16.7%	16.7% #ADF9C6	RGB 173 249 198	#ADF9C6
33.3%	33.3% #B2F7B4	RGB 178 247 180	#B2F7B4
50.0%	50.0% #C8F4B8	RGB 200 244 184	#C8F4B8
66.7%	66.7% #DBF2BD	RGB 219 242 189	#DBF2BD
83.3%	83.3% #EAEFC2	RGB 234 239 194	#EAEFC2
100.0%	100.0% #EDE6C7	RGB 237 230 199	#EDE6C7

#A8FCDD #ADF9C6 #B2F7B4 #C8F4B8 #DBF2BD #EAEFC2 #EDE6C7

#A8FCDD - #C8F4B8 - #EDE6C7

CSS codes

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

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