#AFDFD7 - #4C9F91 | 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 #AFDFD7 to #4C9F91

#AFDFD7 #4C9F91

Calculate the color between two colors, #AFDFD7 and #4C9F91. 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)

#AFDFD7 - #4C9F91 | 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 #AFDFD7 as 0% and #4C9F91 as 100%.

0.0%	0.0% #AFDFD7	RGB 175 223 215	#AFDFD7
16.7%	16.7% #9ED4CB	RGB 158 212 203	#9ED4CB
33.3%	33.3% #8EC9BF	RGB 142 201 191	#8EC9BF
50.0%	50.0% #7DBFB4	RGB 125 191 180	#7DBFB4
66.7%	66.7% #6DB4A8	RGB 109 180 168	#6DB4A8
83.3%	83.3% #5CA99C	RGB 92 169 156	#5CA99C
100.0%	100.0% #4C9F91	RGB 76 159 145	#4C9F91

#AFDFD7 #9ED4CB #8EC9BF #7DBFB4 #6DB4A8 #5CA99C #4C9F91

#AFDFD7 - #4C9F91

HSV Blend

#AFDFD7 - #4C9F91 | 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 #AFDFD7 as 0% and #4C9F91 as 100%.

0.0%	0.0% #AFDFD7	RGB 175 223 215	#AFDFD7
16.7%	16.7% #9BD4CA	RGB 155 212 202	#9BD4CA
33.3%	33.3% #89C9BE	RGB 137 201 190	#89C9BE
50.0%	50.0% #78BFB3	RGB 120 191 179	#78BFB3
66.7%	66.7% #68B4A7	RGB 104 180 167	#68B4A7
83.3%	83.3% #59A99C	RGB 89 169 156	#59A99C
100.0%	100.0% #4C9F91	RGB 76 159 145	#4C9F91

#AFDFD7 #9BD4CA #89C9BE #78BFB3 #68B4A7 #59A99C #4C9F91

#AFDFD7 - #78BFB3 - #4C9F91

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFDFD7 0%, #78BFB3 50%, #4C9F91 100%);
    background: -webkit-linear-gradient(top, #AFDFD7 0%, #78BFB3 50%, #4C9F91 100%);
    background: linear-gradient(to bottom, #AFDFD7 0%, #78BFB3 50%, #4C9F91 100%);
}
</style>