#AAFFD4 - #41D27C | 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 #AAFFD4 to #41D27C

#AAFFD4 #41D27C

Calculate the color between two colors, #AAFFD4 and #41D27C. 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)

#AAFFD4 - #41D27C | 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 #AAFFD4 as 0% and #41D27C as 100%.

0.0%	0.0% #AAFFD4	RGB 170 255 212	#AAFFD4
16.7%	16.7% #98F7C5	RGB 152 247 197	#98F7C5
33.3%	33.3% #87F0B6	RGB 135 240 182	#87F0B6
50.0%	50.0% #75E8A8	RGB 117 232 168	#75E8A8
66.7%	66.7% #64E199	RGB 100 225 153	#64E199
83.3%	83.3% #52D98A	RGB 82 217 138	#52D98A
100.0%	100.0% #41D27C	RGB 65 210 124	#41D27C

#AAFFD4 #98F7C5 #87F0B6 #75E8A8 #64E199 #52D98A #41D27C

#AAFFD4 - #41D27C

HSV Blend

#AAFFD4 - #41D27C | 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 #AAFFD4 as 0% and #41D27C as 100%.

0.0%	0.0% #AAFFD4	RGB 170 255 212	#AAFFD4
16.7%	16.7% #96F7C4	RGB 150 247 196	#96F7C4
33.3%	33.3% #83F0B5	RGB 131 240 181	#83F0B5
50.0%	50.0% #71E8A7	RGB 113 232 167	#71E8A7
66.7%	66.7% #60E198	RGB 96 225 152	#60E198
83.3%	83.3% #50D98A	RGB 80 217 138	#50D98A
100.0%	100.0% #41D27C	RGB 65 210 124	#41D27C

#AAFFD4 #96F7C4 #83F0B5 #71E8A7 #60E198 #50D98A #41D27C

#AAFFD4 - #71E8A7 - #41D27C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAFFD4 0%, #71E8A7 50%, #41D27C 100%);
    background: -webkit-linear-gradient(top, #AAFFD4 0%, #71E8A7 50%, #41D27C 100%);
    background: linear-gradient(to bottom, #AAFFD4 0%, #71E8A7 50%, #41D27C 100%);
}
</style>