#A4FFAF - #ECFEFD | 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 #A4FFAF to #ECFEFD

#A4FFAF #ECFEFD

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

#A4FFAF - #ECFEFD | 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 #A4FFAF as 0% and #ECFEFD as 100%.

0.0%	0.0% #A4FFAF	RGB 164 255 175	#A4FFAF
16.7%	16.7% #B0FEBC	RGB 176 254 188	#B0FEBC
33.3%	33.3% #BCFEC9	RGB 188 254 201	#BCFEC9
50.0%	50.0% #C8FED6	RGB 200 254 214	#C8FED6
66.7%	66.7% #D4FEE3	RGB 212 254 227	#D4FEE3
83.3%	83.3% #E0FEF0	RGB 224 254 240	#E0FEF0
100.0%	100.0% #ECFEFD	RGB 236 254 253	#ECFEFD

#A4FFAF #B0FEBC #BCFEC9 #C8FED6 #D4FEE3 #E0FEF0 #ECFEFD

#A4FFAF - #ECFEFD

HSV Blend

#A4FFAF - #ECFEFD | 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 #A4FFAF as 0% and #ECFEFD as 100%.

0.0%	0.0% #A4FFAF	RGB 164 255 175	#A4FFAF
16.7%	16.7% #B0FEC4	RGB 176 254 196	#B0FEC4
33.3%	33.3% #BCFED6	RGB 188 254 214	#BCFED6
50.0%	50.0% #C8FEE5	RGB 200 254 229	#C8FEE5
66.7%	66.7% #D4FEF0	RGB 212 254 240	#D4FEF0
83.3%	83.3% #E0FEF8	RGB 224 254 248	#E0FEF8
100.0%	100.0% #ECFEFD	RGB 236 254 253	#ECFEFD

#A4FFAF #B0FEC4 #BCFED6 #C8FEE5 #D4FEF0 #E0FEF8 #ECFEFD

#A4FFAF - #C8FEE5 - #ECFEFD

CSS codes

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

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