#2DEAE3 - #0BC5A8 | 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 #2DEAE3 to #0BC5A8

#2DEAE3 #0BC5A8

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

#2DEAE3 - #0BC5A8 | 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 #2DEAE3 as 0% and #0BC5A8 as 100%.

0.0%	0.0% #2DEAE3	RGB 45 234 227	#2DEAE3
16.7%	16.7% #27E3D9	RGB 39 227 217	#27E3D9
33.3%	33.3% #21DDCF	RGB 33 221 207	#21DDCF
50.0%	50.0% #1CD7C5	RGB 28 215 197	#1CD7C5
66.7%	66.7% #16D1BB	RGB 22 209 187	#16D1BB
83.3%	83.3% #10CBB1	RGB 16 203 177	#10CBB1
100.0%	100.0% #0BC5A8	RGB 11 197 168	#0BC5A8

#2DEAE3 #27E3D9 #21DDCF #1CD7C5 #16D1BB #10CBB1 #0BC5A8

#2DEAE3 - #0BC5A8

HSV Blend

#2DEAE3 - #0BC5A8 | 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 #2DEAE3 as 0% and #0BC5A8 as 100%.

0.0%	0.0% #2DEAE3	RGB 45 234 227	#2DEAE3
16.7%	16.7% #26E3D9	RGB 38 227 217	#26E3D9
33.3%	33.3% #20DDCF	RGB 32 221 207	#20DDCF
50.0%	50.0% #1AD7C5	RGB 26 215 197	#1AD7C5
66.7%	66.7% #15D1BB	RGB 21 209 187	#15D1BB
83.3%	83.3% #0FCBB1	RGB 15 203 177	#0FCBB1
100.0%	100.0% #0BC5A8	RGB 11 197 168	#0BC5A8

#2DEAE3 #26E3D9 #20DDCF #1AD7C5 #15D1BB #0FCBB1 #0BC5A8

#2DEAE3 - #1AD7C5 - #0BC5A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DEAE3 0%, #1AD7C5 50%, #0BC5A8 100%);
    background: -webkit-linear-gradient(top, #2DEAE3 0%, #1AD7C5 50%, #0BC5A8 100%);
    background: linear-gradient(to bottom, #2DEAE3 0%, #1AD7C5 50%, #0BC5A8 100%);
}
</style>