#A8D9F7 - #C2EFEB | 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 #A8D9F7 to #C2EFEB

#A8D9F7 #C2EFEB

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

#A8D9F7 - #C2EFEB | 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 #A8D9F7 as 0% and #C2EFEB as 100%.

0.0%	0.0% #A8D9F7	RGB 168 217 247	#A8D9F7
16.7%	16.7% #ACDCF5	RGB 172 220 245	#ACDCF5
33.3%	33.3% #B0E0F3	RGB 176 224 243	#B0E0F3
50.0%	50.0% #B5E4F1	RGB 181 228 241	#B5E4F1
66.7%	66.7% #B9E7EF	RGB 185 231 239	#B9E7EF
83.3%	83.3% #BDEBED	RGB 189 235 237	#BDEBED
100.0%	100.0% #C2EFEB	RGB 194 239 235	#C2EFEB

#A8D9F7 #ACDCF5 #B0E0F3 #B5E4F1 #B9E7EF #BDEBED #C2EFEB

#A8D9F7 - #C2EFEB

HSV Blend

#A8D9F7 - #C2EFEB | 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 #A8D9F7 as 0% and #C2EFEB as 100%.

0.0%	0.0% #A8D9F7	RGB 168 217 247	#A8D9F7
16.7%	16.7% #ACDFF5	RGB 172 223 245	#ACDFF5
33.3%	33.3% #B0E5F4	RGB 176 229 244	#B0E5F4
50.0%	50.0% #B5EAF3	RGB 181 234 243	#B5EAF3
66.7%	66.7% #B9EDF1	RGB 185 237 241	#B9EDF1
83.3%	83.3% #BDF0EF	RGB 189 240 239	#BDF0EF
100.0%	100.0% #C2EFEB	RGB 194 239 235	#C2EFEB

#A8D9F7 #ACDFF5 #B0E5F4 #B5EAF3 #B9EDF1 #BDF0EF #C2EFEB

#A8D9F7 - #B5EAF3 - #C2EFEB

CSS codes

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

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