#AFDEC7 - #4DAC94 | 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 #AFDEC7 to #4DAC94

#AFDEC7 #4DAC94

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

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

0.0%	0.0% #AFDEC7	RGB 175 222 199	#AFDEC7
16.7%	16.7% #9ED5BE	RGB 158 213 190	#9ED5BE
33.3%	33.3% #8ECDB6	RGB 142 205 182	#8ECDB6
50.0%	50.0% #7EC5AD	RGB 126 197 173	#7EC5AD
66.7%	66.7% #6DBCA5	RGB 109 188 165	#6DBCA5
83.3%	83.3% #5DB49C	RGB 93 180 156	#5DB49C
100.0%	100.0% #4DAC94	RGB 77 172 148	#4DAC94

#AFDEC7 #9ED5BE #8ECDB6 #7EC5AD #6DBCA5 #5DB49C #4DAC94

#AFDEC7 - #4DAC94

HSV Blend

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

0.0%	0.0% #AFDEC7	RGB 175 222 199	#AFDEC7
16.7%	16.7% #9CD5BB	RGB 156 213 187	#9CD5BB
33.3%	33.3% #8ACDB1	RGB 138 205 177	#8ACDB1
50.0%	50.0% #79C5A9	RGB 121 197 169	#79C5A9
66.7%	66.7% #69BCA1	RGB 105 188 161	#69BCA1
83.3%	83.3% #5AB49A	RGB 90 180 154	#5AB49A
100.0%	100.0% #4DAC94	RGB 77 172 148	#4DAC94

#AFDEC7 #9CD5BB #8ACDB1 #79C5A9 #69BCA1 #5AB49A #4DAC94

#AFDEC7 - #79C5A9 - #4DAC94

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFDEC7 0%, #79C5A9 50%, #4DAC94 100%);
    background: -webkit-linear-gradient(top, #AFDEC7 0%, #79C5A9 50%, #4DAC94 100%);
    background: linear-gradient(to bottom, #AFDEC7 0%, #79C5A9 50%, #4DAC94 100%);
}
</style>