#6EE2D4 - #06BBAB | 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 #6EE2D4 to #06BBAB

#6EE2D4 #06BBAB

Calculate the color between two colors, #6EE2D4 and #06BBAB. 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)

#6EE2D4 - #06BBAB | 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 #6EE2D4 as 0% and #06BBAB as 100%.

0.0%	0.0% #6EE2D4	RGB 110 226 212	#6EE2D4
16.7%	16.7% #5CDBCD	RGB 92 219 205	#5CDBCD
33.3%	33.3% #4BD5C6	RGB 75 213 198	#4BD5C6
50.0%	50.0% #3ACEBF	RGB 58 206 191	#3ACEBF
66.7%	66.7% #28C8B8	RGB 40 200 184	#28C8B8
83.3%	83.3% #17C1B1	RGB 23 193 177	#17C1B1
100.0%	100.0% #06BBAB	RGB 6 187 171	#06BBAB

#6EE2D4 #5CDBCD #4BD5C6 #3ACEBF #28C8B8 #17C1B1 #06BBAB

#6EE2D4 - #06BBAB

HSV Blend

#6EE2D4 - #06BBAB | 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 #6EE2D4 as 0% and #06BBAB as 100%.

0.0%	0.0% #6EE2D4	RGB 110 226 212	#6EE2D4
16.7%	16.7% #5ADBCC	RGB 90 219 204	#5ADBCC
33.3%	33.3% #47D5C5	RGB 71 213 197	#47D5C5
50.0%	50.0% #35CEBE	RGB 53 206 190	#35CEBE
66.7%	66.7% #24C8B7	RGB 36 200 183	#24C8B7
83.3%	83.3% #14C1B1	RGB 20 193 177	#14C1B1
100.0%	100.0% #06BBAB	RGB 6 187 171	#06BBAB

#6EE2D4 #5ADBCC #47D5C5 #35CEBE #24C8B7 #14C1B1 #06BBAB

#6EE2D4 - #35CEBE - #06BBAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6EE2D4 0%, #35CEBE 50%, #06BBAB 100%);
    background: -webkit-linear-gradient(top, #6EE2D4 0%, #35CEBE 50%, #06BBAB 100%);
    background: linear-gradient(to bottom, #6EE2D4 0%, #35CEBE 50%, #06BBAB 100%);
}
</style>