#A8C4E5 - #C0FFF3 | 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 #A8C4E5 to #C0FFF3

#A8C4E5 #C0FFF3

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

#A8C4E5 - #C0FFF3 | 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 #A8C4E5 as 0% and #C0FFF3 as 100%.

0.0%	0.0% #A8C4E5	RGB 168 196 229	#A8C4E5
16.7%	16.7% #ACCDE7	RGB 172 205 231	#ACCDE7
33.3%	33.3% #B0D7E9	RGB 176 215 233	#B0D7E9
50.0%	50.0% #B4E1EC	RGB 180 225 236	#B4E1EC
66.7%	66.7% #B8EBEE	RGB 184 235 238	#B8EBEE
83.3%	83.3% #BCF5F0	RGB 188 245 240	#BCF5F0
100.0%	100.0% #C0FFF3	RGB 192 255 243	#C0FFF3

#A8C4E5 #ACCDE7 #B0D7E9 #B4E1EC #B8EBEE #BCF5F0 #C0FFF3

#A8C4E5 - #C0FFF3

HSV Blend

#A8C4E5 - #C0FFF3 | 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 #A8C4E5 as 0% and #C0FFF3 as 100%.

0.0%	0.0% #A8C4E5	RGB 168 196 229	#A8C4E5
16.7%	16.7% #ABCFE9	RGB 171 207 233	#ABCFE9
33.3%	33.3% #AFDBED	RGB 175 219 237	#AFDBED
50.0%	50.0% #B3E7F2	RGB 179 231 242	#B3E7F2
66.7%	66.7% #B7F3F6	RGB 183 243 246	#B7F3F6
83.3%	83.3% #BBFAF6	RGB 187 250 246	#BBFAF6
100.0%	100.0% #C0FFF3	RGB 192 255 243	#C0FFF3

#A8C4E5 #ABCFE9 #AFDBED #B3E7F2 #B7F3F6 #BBFAF6 #C0FFF3

#A8C4E5 - #B3E7F2 - #C0FFF3

CSS codes

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

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