#A8F0D4 - #3CB7A2 | 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 #A8F0D4 to #3CB7A2

#A8F0D4 #3CB7A2

Calculate the color between two colors, #A8F0D4 and #3CB7A2. 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)

#A8F0D4 - #3CB7A2 | 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 #A8F0D4 as 0% and #3CB7A2 as 100%.

0.0%	0.0% #A8F0D4	RGB 168 240 212	#A8F0D4
16.7%	16.7% #96E6CB	RGB 150 230 203	#96E6CB
33.3%	33.3% #84DDC3	RGB 132 221 195	#84DDC3
50.0%	50.0% #72D3BB	RGB 114 211 187	#72D3BB
66.7%	66.7% #60CAB2	RGB 96 202 178	#60CAB2
83.3%	83.3% #4EC0AA	RGB 78 192 170	#4EC0AA
100.0%	100.0% #3CB7A2	RGB 60 183 162	#3CB7A2

#A8F0D4 #96E6CB #84DDC3 #72D3BB #60CAB2 #4EC0AA #3CB7A2

#A8F0D4 - #3CB7A2

HSV Blend

#A8F0D4 - #3CB7A2 | 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 #A8F0D4 as 0% and #3CB7A2 as 100%.

0.0%	0.0% #A8F0D4	RGB 168 240 212	#A8F0D4
16.7%	16.7% #93E6C9	RGB 147 230 201	#93E6C9
33.3%	33.3% #7FDDBF	RGB 127 221 191	#7FDDBF
50.0%	50.0% #6CD3B6	RGB 108 211 182	#6CD3B6
66.7%	66.7% #5BCAAF	RGB 91 202 175	#5BCAAF
83.3%	83.3% #4BC0A8	RGB 75 192 168	#4BC0A8
100.0%	100.0% #3CB7A2	RGB 60 183 162	#3CB7A2

#A8F0D4 #93E6C9 #7FDDBF #6CD3B6 #5BCAAF #4BC0A8 #3CB7A2

#A8F0D4 - #6CD3B6 - #3CB7A2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8F0D4 0%, #6CD3B6 50%, #3CB7A2 100%);
    background: -webkit-linear-gradient(top, #A8F0D4 0%, #6CD3B6 50%, #3CB7A2 100%);
    background: linear-gradient(to bottom, #A8F0D4 0%, #6CD3B6 50%, #3CB7A2 100%);
}
</style>