#A8D2FE - #B4FFCB | 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 #A8D2FE to #B4FFCB

#A8D2FE #B4FFCB

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

#A8D2FE - #B4FFCB | 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 #A8D2FE as 0% and #B4FFCB as 100%.

0.0%	0.0% #A8D2FE	RGB 168 210 254	#A8D2FE
16.7%	16.7% #AAD9F5	RGB 170 217 245	#AAD9F5
33.3%	33.3% #ACE1ED	RGB 172 225 237	#ACE1ED
50.0%	50.0% #AEE8E4	RGB 174 232 228	#AEE8E4
66.7%	66.7% #B0F0DC	RGB 176 240 220	#B0F0DC
83.3%	83.3% #B2F7D3	RGB 178 247 211	#B2F7D3
100.0%	100.0% #B4FFCB	RGB 180 255 203	#B4FFCB

#A8D2FE #AAD9F5 #ACE1ED #AEE8E4 #B0F0DC #B2F7D3 #B4FFCB

#A8D2FE - #B4FFCB

HSV Blend

#A8D2FE - #B4FFCB | 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 #A8D2FE as 0% and #B4FFCB as 100%.

0.0%	0.0% #A8D2FE	RGB 168 210 254	#A8D2FE
16.7%	16.7% #A9E4FE	RGB 169 228 254	#A9E4FE
33.3%	33.3% #ABF5FE	RGB 171 245 254	#ABF5FE
50.0%	50.0% #ADFEF7	RGB 173 254 247	#ADFEF7
66.7%	66.7% #AFFEE7	RGB 175 254 231	#AFFEE7
83.3%	83.3% #B1FED8	RGB 177 254 216	#B1FED8
100.0%	100.0% #B4FFCB	RGB 180 255 203	#B4FFCB

#A8D2FE #A9E4FE #ABF5FE #ADFEF7 #AFFEE7 #B1FED8 #B4FFCB

#A8D2FE - #ADFEF7 - #B4FFCB

CSS codes

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

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