#AFD9C8 - #4BA695 | 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 #AFD9C8 to #4BA695

#AFD9C8 #4BA695

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

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

0.0%	0.0% #AFD9C8	RGB 175 217 200	#AFD9C8
16.7%	16.7% #9ED0BF	RGB 158 208 191	#9ED0BF
33.3%	33.3% #8DC8B7	RGB 141 200 183	#8DC8B7
50.0%	50.0% #7DBFAE	RGB 125 191 174	#7DBFAE
66.7%	66.7% #6CB7A6	RGB 108 183 166	#6CB7A6
83.3%	83.3% #5BAE9D	RGB 91 174 157	#5BAE9D
100.0%	100.0% #4BA695	RGB 75 166 149	#4BA695

#AFD9C8 #9ED0BF #8DC8B7 #7DBFAE #6CB7A6 #5BAE9D #4BA695

#AFD9C8 - #4BA695

HSV Blend

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

0.0%	0.0% #AFD9C8	RGB 175 217 200	#AFD9C8
16.7%	16.7% #9BD0BD	RGB 155 208 189	#9BD0BD
33.3%	33.3% #89C8B3	RGB 137 200 179	#89C8B3
50.0%	50.0% #78BFAA	RGB 120 191 170	#78BFAA
66.7%	66.7% #68B7A2	RGB 104 183 162	#68B7A2
83.3%	83.3% #59AE9B	RGB 89 174 155	#59AE9B
100.0%	100.0% #4BA695	RGB 75 166 149	#4BA695

#AFD9C8 #9BD0BD #89C8B3 #78BFAA #68B7A2 #59AE9B #4BA695

#AFD9C8 - #78BFAA - #4BA695

CSS codes

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

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