#2B7C7C - #C2D9D9 | 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 #2B7C7C to #C2D9D9

#2B7C7C #C2D9D9

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

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

0.0%	0.0% #2B7C7C	RGB 43 124 124	#2B7C7C
16.7%	16.7% #448B8B	RGB 68 139 139	#448B8B
33.3%	33.3% #5D9B9B	RGB 93 155 155	#5D9B9B
50.0%	50.0% #76AAAA	RGB 118 170 170	#76AAAA
66.7%	66.7% #8FBABA	RGB 143 186 186	#8FBABA
83.3%	83.3% #A8C9C9	RGB 168 201 201	#A8C9C9
100.0%	100.0% #C2D9D9	RGB 194 217 217	#C2D9D9

#2B7C7C #448B8B #5D9B9B #76AAAA #8FBABA #A8C9C9 #C2D9D9

#2B7C7C - #C2D9D9

HSV Blend

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

0.0%	0.0% #2A7C7C	RGB 42 124 124	#2A7C7C
16.7%	16.7% #3D8B8B	RGB 61 139 139	#3D8B8B
33.3%	33.3% #529B9B	RGB 82 155 155	#529B9B
50.0%	50.0% #69AAAA	RGB 105 170 170	#69AAAA
66.7%	66.7% #84BABA	RGB 132 186 186	#84BABA
83.3%	83.3% #A1C9C9	RGB 161 201 201	#A1C9C9
100.0%	100.0% #C2D9D9	RGB 194 217 217	#C2D9D9

#2A7C7C #3D8B8B #529B9B #69AAAA #84BABA #A1C9C9 #C2D9D9

#2B7C7C - #69AAAA - #C2D9D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A7C7C 0%, #69AAAA 50%, #C2D9D9 100%);
    background: -webkit-linear-gradient(top, #2A7C7C 0%, #69AAAA 50%, #C2D9D9 100%);
    background: linear-gradient(to bottom, #2A7C7C 0%, #69AAAA 50%, #C2D9D9 100%);
}
</style>