#A8C6F2 - #CAD0FC | 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 #A8C6F2 to #CAD0FC

#A8C6F2 #CAD0FC

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

#A8C6F2 - #CAD0FC | 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 #A8C6F2 as 0% and #CAD0FC as 100%.

0.0%	0.0% #A8C6F2	RGB 168 198 242	#A8C6F2
16.7%	16.7% #ADC7F3	RGB 173 199 243	#ADC7F3
33.3%	33.3% #B3C9F5	RGB 179 201 245	#B3C9F5
50.0%	50.0% #B9CBF7	RGB 185 203 247	#B9CBF7
66.7%	66.7% #BECCF8	RGB 190 204 248	#BECCF8
83.3%	83.3% #C4CEFA	RGB 196 206 250	#C4CEFA
100.0%	100.0% #CAD0FC	RGB 202 208 252	#CAD0FC

#A8C6F2 #ADC7F3 #B3C9F5 #B9CBF7 #BECCF8 #C4CEFA #CAD0FC

#A8C6F2 - #CAD0FC

HSV Blend

#A8C6F2 - #CAD0FC | 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 #A8C6F2 as 0% and #CAD0FC as 100%.

0.0%	0.0% #A8C6F2	RGB 168 198 242	#A8C6F2
16.7%	16.7% #ADC6F3	RGB 173 198 243	#ADC6F3
33.3%	33.3% #B3C7F5	RGB 179 199 245	#B3C7F5
50.0%	50.0% #B8C9F7	RGB 184 201 247	#B8C9F7
66.7%	66.7% #BECAF8	RGB 190 202 248	#BECAF8
83.3%	83.3% #C4CDFA	RGB 196 205 250	#C4CDFA
100.0%	100.0% #CAD0FC	RGB 202 208 252	#CAD0FC

#A8C6F2 #ADC6F3 #B3C7F5 #B8C9F7 #BECAF8 #C4CDFA #CAD0FC

#A8C6F2 - #B8C9F7 - #CAD0FC

CSS codes

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

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