#A2DAC4 - #3C978E | 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 #A2DAC4 to #3C978E

#A2DAC4 #3C978E

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

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

0.0%	0.0% #A2DAC4	RGB 162 218 196	#A2DAC4
16.7%	16.7% #91CEBB	RGB 145 206 187	#91CEBB
33.3%	33.3% #80C3B2	RGB 128 195 178	#80C3B2
50.0%	50.0% #6FB8A9	RGB 111 184 169	#6FB8A9
66.7%	66.7% #5EADA0	RGB 94 173 160	#5EADA0
83.3%	83.3% #4DA297	RGB 77 162 151	#4DA297
100.0%	100.0% #3C978E	RGB 60 151 142	#3C978E

#A2DAC4 #91CEBB #80C3B2 #6FB8A9 #5EADA0 #4DA297 #3C978E

#A2DAC4 - #3C978E

HSV Blend

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

0.0%	0.0% #A2DAC4	RGB 162 218 196	#A2DAC4
16.7%	16.7% #8DCEB8	RGB 141 206 184	#8DCEB8
33.3%	33.3% #7AC3AE	RGB 122 195 174	#7AC3AE
50.0%	50.0% #69B8A5	RGB 105 184 165	#69B8A5
66.7%	66.7% #58AD9C	RGB 88 173 156	#58AD9C
83.3%	83.3% #49A295	RGB 73 162 149	#49A295
100.0%	100.0% #3C978E	RGB 60 151 142	#3C978E

#A2DAC4 #8DCEB8 #7AC3AE #69B8A5 #58AD9C #49A295 #3C978E

#A2DAC4 - #69B8A5 - #3C978E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2DAC4 0%, #69B8A5 50%, #3C978E 100%);
    background: -webkit-linear-gradient(top, #A2DAC4 0%, #69B8A5 50%, #3C978E 100%);
    background: linear-gradient(to bottom, #A2DAC4 0%, #69B8A5 50%, #3C978E 100%);
}
</style>