#2DBCB7 - #C3EBEA | 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 #2DBCB7 to #C3EBEA

#2DBCB7 #C3EBEA

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

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

0.0%	0.0% #2DBCB7	RGB 45 188 183	#2DBCB7
16.7%	16.7% #46C3BF	RGB 70 195 191	#46C3BF
33.3%	33.3% #5FCBC8	RGB 95 203 200	#5FCBC8
50.0%	50.0% #78D3D0	RGB 120 211 208	#78D3D0
66.7%	66.7% #91DBD9	RGB 145 219 217	#91DBD9
83.3%	83.3% #AAE3E1	RGB 170 227 225	#AAE3E1
100.0%	100.0% #C3EBEA	RGB 195 235 234	#C3EBEA

#2DBCB7 #46C3BF #5FCBC8 #78D3D0 #91DBD9 #AAE3E1 #C3EBEA

#2DBCB7 - #C3EBEA

HSV Blend

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

0.0%	0.0% #2DBCB6	RGB 45 188 182	#2DBCB6
16.7%	16.7% #42C3BF	RGB 66 195 191	#42C3BF
33.3%	33.3% #58CBC8	RGB 88 203 200	#58CBC8
50.0%	50.0% #71D3D0	RGB 113 211 208	#71D3D0
66.7%	66.7% #8ADBD9	RGB 138 219 217	#8ADBD9
83.3%	83.3% #A6E3E1	RGB 166 227 225	#A6E3E1
100.0%	100.0% #C3EBEA	RGB 195 235 234	#C3EBEA

#2DBCB6 #42C3BF #58CBC8 #71D3D0 #8ADBD9 #A6E3E1 #C3EBEA

#2DBCB7 - #71D3D0 - #C3EBEA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DBCB6 0%, #71D3D0 50%, #C3EBEA 100%);
    background: -webkit-linear-gradient(top, #2DBCB6 0%, #71D3D0 50%, #C3EBEA 100%);
    background: linear-gradient(to bottom, #2DBCB6 0%, #71D3D0 50%, #C3EBEA 100%);
}
</style>