#ABC2AB - #BCFFE4 | 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 #ABC2AB to #BCFFE4

#ABC2AB #BCFFE4

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

#ABC2AB - #BCFFE4 | 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 #ABC2AB as 0% and #BCFFE4 as 100%.

0.0%	0.0% #ABC2AB	RGB 171 194 171	#ABC2AB
16.7%	16.7% #ADCCB4	RGB 173 204 180	#ADCCB4
33.3%	33.3% #B0D6BE	RGB 176 214 190	#B0D6BE
50.0%	50.0% #B3E0C7	RGB 179 224 199	#B3E0C7
66.7%	66.7% #B6EAD1	RGB 182 234 209	#B6EAD1
83.3%	83.3% #B9F4DA	RGB 185 244 218	#B9F4DA
100.0%	100.0% #BCFFE4	RGB 188 255 228	#BCFFE4

#ABC2AB #ADCCB4 #B0D6BE #B3E0C7 #B6EAD1 #B9F4DA #BCFFE4

#ABC2AB - #BCFFE4

HSV Blend

#ABC2AB - #BCFFE4 | 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 #ABC2AB as 0% and #BCFFE4 as 100%.

0.0%	0.0% #ABC2AB	RGB 171 194 171	#ABC2AB
16.7%	16.7% #AFCCB1	RGB 175 204 177	#AFCCB1
33.3%	33.3% #B2D6B9	RGB 178 214 185	#B2D6B9
50.0%	50.0% #B5E0C2	RGB 181 224 194	#B5E0C2
66.7%	66.7% #B8EACC	RGB 184 234 204	#B8EACC
83.3%	83.3% #BAF4D7	RGB 186 244 215	#BAF4D7
100.0%	100.0% #BCFFE4	RGB 188 255 228	#BCFFE4

#ABC2AB #AFCCB1 #B2D6B9 #B5E0C2 #B8EACC #BAF4D7 #BCFFE4

#ABC2AB - #B5E0C2 - #BCFFE4

CSS codes

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

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