#7FE5E5 - #0DBFC2 | 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 #7FE5E5 to #0DBFC2

#7FE5E5 #0DBFC2

Calculate the color between two colors, #7FE5E5 and #0DBFC2. 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)

#7FE5E5 - #0DBFC2 | 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 #7FE5E5 as 0% and #0DBFC2 as 100%.

0.0%	0.0% #7FE5E5	RGB 127 229 229	#7FE5E5
16.7%	16.7% #6CDEDF	RGB 108 222 223	#6CDEDF
33.3%	33.3% #59D8D9	RGB 89 216 217	#59D8D9
50.0%	50.0% #46D2D3	RGB 70 210 211	#46D2D3
66.7%	66.7% #33CBCD	RGB 51 203 205	#33CBCD
83.3%	83.3% #20C5C7	RGB 32 197 199	#20C5C7
100.0%	100.0% #0DBFC2	RGB 13 191 194	#0DBFC2

#7FE5E5 #6CDEDF #59D8D9 #46D2D3 #33CBCD #20C5C7 #0DBFC2

#7FE5E5 - #0DBFC2

HSV Blend

#7FE5E5 - #0DBFC2 | 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 #7FE5E5 as 0% and #0DBFC2 as 100%.

0.0%	0.0% #7FE5E5	RGB 127 229 229	#7FE5E5
16.7%	16.7% #69DEDF	RGB 105 222 223	#69DEDF
33.3%	33.3% #55D8D9	RGB 85 216 217	#55D8D9
50.0%	50.0% #41D2D3	RGB 65 210 211	#41D2D3
66.7%	66.7% #2FCBCD	RGB 47 203 205	#2FCBCD
83.3%	83.3% #1DC5C7	RGB 29 197 199	#1DC5C7
100.0%	100.0% #0DBFC2	RGB 13 191 194	#0DBFC2

#7FE5E5 #69DEDF #55D8D9 #41D2D3 #2FCBCD #1DC5C7 #0DBFC2

#7FE5E5 - #41D2D3 - #0DBFC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7FE5E5 0%, #41D2D3 50%, #0DBFC2 100%);
    background: -webkit-linear-gradient(top, #7FE5E5 0%, #41D2D3 50%, #0DBFC2 100%);
    background: linear-gradient(to bottom, #7FE5E5 0%, #41D2D3 50%, #0DBFC2 100%);
}
</style>