#A8C2FF - #C8F6C4 | 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 #A8C2FF to #C8F6C4

#A8C2FF #C8F6C4

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

#A8C2FF - #C8F6C4 | 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 #A8C2FF as 0% and #C8F6C4 as 100%.

0.0%	0.0% #A8C2FF	RGB 168 194 255	#A8C2FF
16.7%	16.7% #ADCAF5	RGB 173 202 245	#ADCAF5
33.3%	33.3% #B2D3EB	RGB 178 211 235	#B2D3EB
50.0%	50.0% #B8DCE1	RGB 184 220 225	#B8DCE1
66.7%	66.7% #BDE4D7	RGB 189 228 215	#BDE4D7
83.3%	83.3% #C2EDCD	RGB 194 237 205	#C2EDCD
100.0%	100.0% #C8F6C4	RGB 200 246 196	#C8F6C4

#A8C2FF #ADCAF5 #B2D3EB #B8DCE1 #BDE4D7 #C2EDCD #C8F6C4

#A8C2FF - #C8F6C4

HSV Blend

#A8C2FF - #C8F6C4 | 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 #A8C2FF as 0% and #C8F6C4 as 100%.

0.0%	0.0% #A8C2FF	RGB 168 194 255	#A8C2FF
16.7%	16.7% #ACDCFD	RGB 172 220 253	#ACDCFD
33.3%	33.3% #B1F4FC	RGB 177 244 252	#B1F4FC
50.0%	50.0% #B6FAED	RGB 182 250 237	#B6FAED
66.7%	66.7% #BAF9DA	RGB 186 249 218	#BAF9DA
83.3%	83.3% #BFF7CB	RGB 191 247 203	#BFF7CB
100.0%	100.0% #C8F6C4	RGB 200 246 196	#C8F6C4

#A8C2FF #ACDCFD #B1F4FC #B6FAED #BAF9DA #BFF7CB #C8F6C4

#A8C2FF - #B6FAED - #C8F6C4

CSS codes

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

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