#A8D4D4 - #3AA4A4 | 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 #A8D4D4 to #3AA4A4

#A8D4D4 #3AA4A4

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

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

0.0%	0.0% #A8D4D4	RGB 168 212 212	#A8D4D4
16.7%	16.7% #95CCCC	RGB 149 204 204	#95CCCC
33.3%	33.3% #83C4C4	RGB 131 196 196	#83C4C4
50.0%	50.0% #71BCBC	RGB 113 188 188	#71BCBC
66.7%	66.7% #5EB4B4	RGB 94 180 180	#5EB4B4
83.3%	83.3% #4CACAC	RGB 76 172 172	#4CACAC
100.0%	100.0% #3AA4A4	RGB 58 164 164	#3AA4A4

#A8D4D4 #95CCCC #83C4C4 #71BCBC #5EB4B4 #4CACAC #3AA4A4

#A8D4D4 - #3AA4A4

HSV Blend

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

0.0%	0.0% #A8D4D4	RGB 168 212 212	#A8D4D4
16.7%	16.7% #92CCCC	RGB 146 204 204	#92CCCC
33.3%	33.3% #7EC4C4	RGB 126 196 196	#7EC4C4
50.0%	50.0% #6BBCBC	RGB 107 188 188	#6BBCBC
66.7%	66.7% #59B4B4	RGB 89 180 180	#59B4B4
83.3%	83.3% #49ACAC	RGB 73 172 172	#49ACAC
100.0%	100.0% #3AA4A4	RGB 58 164 164	#3AA4A4

#A8D4D4 #92CCCC #7EC4C4 #6BBCBC #59B4B4 #49ACAC #3AA4A4

#A8D4D4 - #6BBCBC - #3AA4A4

CSS codes

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

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