#86D1D1 - #1BA3A2 | 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 #86D1D1 to #1BA3A2

#86D1D1 #1BA3A2

Calculate the color between two colors, #86D1D1 and #1BA3A2. 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)

#86D1D1 - #1BA3A2 | 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 #86D1D1 as 0% and #1BA3A2 as 100%.

0.0%	0.0% #86D1D1	RGB 134 209 209	#86D1D1
16.7%	16.7% #74C9C9	RGB 116 201 201	#74C9C9
33.3%	33.3% #62C1C1	RGB 98 193 193	#62C1C1
50.0%	50.0% #50BAB9	RGB 80 186 185	#50BAB9
66.7%	66.7% #3EB2B1	RGB 62 178 177	#3EB2B1
83.3%	83.3% #2CAAA9	RGB 44 170 169	#2CAAA9
100.0%	100.0% #1BA3A2	RGB 27 163 162	#1BA3A2

#86D1D1 #74C9C9 #62C1C1 #50BAB9 #3EB2B1 #2CAAA9 #1BA3A2

#86D1D1 - #1BA3A2

HSV Blend

#86D1D1 - #1BA3A2 | 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 #86D1D1 as 0% and #1BA3A2 as 100%.

0.0%	0.0% #86D1D1	RGB 134 209 209	#86D1D1
16.7%	16.7% #71C9C9	RGB 113 201 201	#71C9C9
33.3%	33.3% #5DC1C1	RGB 93 193 193	#5DC1C1
50.0%	50.0% #4BBAB9	RGB 75 186 185	#4BBAB9
66.7%	66.7% #39B2B1	RGB 57 178 177	#39B2B1
83.3%	83.3% #29AAA9	RGB 41 170 169	#29AAA9
100.0%	100.0% #1BA3A2	RGB 27 163 162	#1BA3A2

#86D1D1 #71C9C9 #5DC1C1 #4BBAB9 #39B2B1 #29AAA9 #1BA3A2

#86D1D1 - #4BBAB9 - #1BA3A2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #86D1D1 0%, #4BBAB9 50%, #1BA3A2 100%);
    background: -webkit-linear-gradient(top, #86D1D1 0%, #4BBAB9 50%, #1BA3A2 100%);
    background: linear-gradient(to bottom, #86D1D1 0%, #4BBAB9 50%, #1BA3A2 100%);
}
</style>