#A8CCBC - #C0EFFF | 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 #A8CCBC to #C0EFFF

#A8CCBC #C0EFFF

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

#A8CCBC - #C0EFFF | 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 #A8CCBC as 0% and #C0EFFF as 100%.

0.0%	0.0% #A8CCBC	RGB 168 204 188	#A8CCBC
16.7%	16.7% #ACD1C7	RGB 172 209 199	#ACD1C7
33.3%	33.3% #B0D7D2	RGB 176 215 210	#B0D7D2
50.0%	50.0% #B4DDDD	RGB 180 221 221	#B4DDDD
66.7%	66.7% #B8E3E8	RGB 184 227 232	#B8E3E8
83.3%	83.3% #BCE9F3	RGB 188 233 243	#BCE9F3
100.0%	100.0% #C0EFFF	RGB 192 239 255	#C0EFFF

#A8CCBC #ACD1C7 #B0D7D2 #B4DDDD #B8E3E8 #BCE9F3 #C0EFFF

#A8CCBC - #C0EFFF

HSV Blend

#A8CCBC - #C0EFFF | 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 #A8CCBC as 0% and #C0EFFF as 100%.

0.0%	0.0% #A8CCBC	RGB 168 204 188	#A8CCBC
16.7%	16.7% #ACD4C7	RGB 172 212 199	#ACD4C7
33.3%	33.3% #B0DDD3	RGB 176 221 211	#B0DDD3
50.0%	50.0% #B4E5E0	RGB 180 229 224	#B4E5E0
66.7%	66.7% #B8ECEE	RGB 184 236 238	#B8ECEE
83.3%	83.3% #BCEEF6	RGB 188 238 246	#BCEEF6
100.0%	100.0% #C0EFFF	RGB 192 239 255	#C0EFFF

#A8CCBC #ACD4C7 #B0DDD3 #B4E5E0 #B8ECEE #BCEEF6 #C0EFFF

#A8CCBC - #B4E5E0 - #C0EFFF

CSS codes

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

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