#3DF0E5 - #0A8C7B | 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 #3DF0E5 to #0A8C7B

#3DF0E5 #0A8C7B

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

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

0.0%	0.0% #3DF0E5	RGB 61 240 229	#3DF0E5
16.7%	16.7% #34DFD3	RGB 52 223 211	#34DFD3
33.3%	33.3% #2CCEC1	RGB 44 206 193	#2CCEC1
50.0%	50.0% #23BEB0	RGB 35 190 176	#23BEB0
66.7%	66.7% #1BAD9E	RGB 27 173 158	#1BAD9E
83.3%	83.3% #129C8C	RGB 18 156 140	#129C8C
100.0%	100.0% #0A8C7B	RGB 10 140 123	#0A8C7B

#3DF0E5 #34DFD3 #2CCEC1 #23BEB0 #1BAD9E #129C8C #0A8C7B

#3DF0E5 - #0A8C7B

HSV Blend

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

0.0%	0.0% #3DF0E5	RGB 61 240 229	#3DF0E5
16.7%	16.7% #31DFD2	RGB 49 223 210	#31DFD2
33.3%	33.3% #27CEC0	RGB 39 206 192	#27CEC0
50.0%	50.0% #1EBEAE	RGB 30 190 174	#1EBEAE
66.7%	66.7% #16AD9D	RGB 22 173 157	#16AD9D
83.3%	83.3% #0F9C8B	RGB 15 156 139	#0F9C8B
100.0%	100.0% #0A8C7B	RGB 10 140 123	#0A8C7B

#3DF0E5 #31DFD2 #27CEC0 #1EBEAE #16AD9D #0F9C8B #0A8C7B

#3DF0E5 - #1EBEAE - #0A8C7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3DF0E5 0%, #1EBEAE 50%, #0A8C7B 100%);
    background: -webkit-linear-gradient(top, #3DF0E5 0%, #1EBEAE 50%, #0A8C7B 100%);
    background: linear-gradient(to bottom, #3DF0E5 0%, #1EBEAE 50%, #0A8C7B 100%);
}
</style>