#AFD9C0 - #50A48B | 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 #AFD9C0 to #50A48B

#AFD9C0 #50A48B

Calculate the color between two colors, #AFD9C0 and #50A48B. 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)

#AFD9C0 - #50A48B | 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 #AFD9C0 as 0% and #50A48B as 100%.

0.0%	0.0% #AFD9C0	RGB 175 217 192	#AFD9C0
16.7%	16.7% #9FD0B7	RGB 159 208 183	#9FD0B7
33.3%	33.3% #8FC7AE	RGB 143 199 174	#8FC7AE
50.0%	50.0% #7FBEA5	RGB 127 190 165	#7FBEA5
66.7%	66.7% #6FB59C	RGB 111 181 156	#6FB59C
83.3%	83.3% #5FAC93	RGB 95 172 147	#5FAC93
100.0%	100.0% #50A48B	RGB 80 164 139	#50A48B

#AFD9C0 #9FD0B7 #8FC7AE #7FBEA5 #6FB59C #5FAC93 #50A48B

#AFD9C0 - #50A48B

HSV Blend

#AFD9C0 - #50A48B | 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 #AFD9C0 as 0% and #50A48B as 100%.

0.0%	0.0% #AFD9C0	RGB 175 217 192	#AFD9C0
16.7%	16.7% #9CD0B4	RGB 156 208 180	#9CD0B4
33.3%	33.3% #8BC7A9	RGB 139 199 169	#8BC7A9
50.0%	50.0% #7BBEA0	RGB 123 190 160	#7BBEA0
66.7%	66.7% #6BB598	RGB 107 181 152	#6BB598
83.3%	83.3% #5DAC91	RGB 93 172 145	#5DAC91
100.0%	100.0% #50A48B	RGB 80 164 139	#50A48B

#AFD9C0 #9CD0B4 #8BC7A9 #7BBEA0 #6BB598 #5DAC91 #50A48B

#AFD9C0 - #7BBEA0 - #50A48B

CSS codes

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

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