#A8BCD1 - #B2FBC4 | 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 #A8BCD1 to #B2FBC4

#A8BCD1 #B2FBC4

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

#A8BCD1 - #B2FBC4 | 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 #A8BCD1 as 0% and #B2FBC4 as 100%.

0.0%	0.0% #A8BCD1	RGB 168 188 209	#A8BCD1
16.7%	16.7% #A9C6CE	RGB 169 198 206	#A9C6CE
33.3%	33.3% #ABD1CC	RGB 171 209 204	#ABD1CC
50.0%	50.0% #ADDBCA	RGB 173 219 202	#ADDBCA
66.7%	66.7% #AEE6C8	RGB 174 230 200	#AEE6C8
83.3%	83.3% #B0F0C6	RGB 176 240 198	#B0F0C6
100.0%	100.0% #B2FBC4	RGB 178 251 196	#B2FBC4

#A8BCD1 #A9C6CE #ABD1CC #ADDBCA #AEE6C8 #B0F0C6 #B2FBC4

#A8BCD1 - #B2FBC4

HSV Blend

#A8BCD1 - #B2FBC4 | 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 #A8BCD1 as 0% and #B2FBC4 as 100%.

0.0%	0.0% #A8BCD1	RGB 168 188 209	#A8BCD1
16.7%	16.7% #AACAD8	RGB 170 202 216	#AACAD8
33.3%	33.3% #ACDADF	RGB 172 218 223	#ACDADF
50.0%	50.0% #ADE6DF	RGB 173 230 223	#ADE6DF
66.7%	66.7% #AFEDD8	RGB 175 237 216	#AFEDD8
83.3%	83.3% #B0F4CF	RGB 176 244 207	#B0F4CF
100.0%	100.0% #B2FBC4	RGB 178 251 196	#B2FBC4

#A8BCD1 #AACAD8 #ACDADF #ADE6DF #AFEDD8 #B0F4CF #B2FBC4

#A8BCD1 - #ADE6DF - #B2FBC4

CSS codes

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

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