#A8D9F2 - #C7EBE8 | 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 #A8D9F2 to #C7EBE8

#A8D9F2 #C7EBE8

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

#A8D9F2 - #C7EBE8 | 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 #A8D9F2 as 0% and #C7EBE8 as 100%.

0.0%	0.0% #A8D9F2	RGB 168 217 242	#A8D9F2
16.7%	16.7% #ADDCF0	RGB 173 220 240	#ADDCF0
33.3%	33.3% #B2DFEE	RGB 178 223 238	#B2DFEE
50.0%	50.0% #B7E2ED	RGB 183 226 237	#B7E2ED
66.7%	66.7% #BCE5EB	RGB 188 229 235	#BCE5EB
83.3%	83.3% #C1E8E9	RGB 193 232 233	#C1E8E9
100.0%	100.0% #C7EBE8	RGB 199 235 232	#C7EBE8

#A8D9F2 #ADDCF0 #B2DFEE #B7E2ED #BCE5EB #C1E8E9 #C7EBE8

#A8D9F2 - #C7EBE8

HSV Blend

#A8D9F2 - #C7EBE8 | 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 #A8D9F2 as 0% and #C7EBE8 as 100%.

0.0%	0.0% #A8D9F2	RGB 168 217 242	#A8D9F2
16.7%	16.7% #ADDEF0	RGB 173 222 240	#ADDEF0
33.3%	33.3% #B2E3EF	RGB 178 227 239	#B2E3EF
50.0%	50.0% #B7E7EE	RGB 183 231 238	#B7E7EE
66.7%	66.7% #BCEAED	RGB 188 234 237	#BCEAED
83.3%	83.3% #C1ECEB	RGB 193 236 235	#C1ECEB
100.0%	100.0% #C7EBE8	RGB 199 235 232	#C7EBE8

#A8D9F2 #ADDEF0 #B2E3EF #B7E7EE #BCEAED #C1ECEB #C7EBE8

#A8D9F2 - #B7E7EE - #C7EBE8

CSS codes

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

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