#7CBDC1 - #2D808B | 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 #7CBDC1 to #2D808B

#7CBDC1 #2D808B

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

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

0.0%	0.0% #7CBDC1	RGB 124 189 193	#7CBDC1
16.7%	16.7% #6EB2B8	RGB 110 178 184	#6EB2B8
33.3%	33.3% #61A8AF	RGB 97 168 175	#61A8AF
50.0%	50.0% #549EA6	RGB 84 158 166	#549EA6
66.7%	66.7% #47949D	RGB 71 148 157	#47949D
83.3%	83.3% #3A8A94	RGB 58 138 148	#3A8A94
100.0%	100.0% #2D808B	RGB 45 128 139	#2D808B

#7CBDC1 #6EB2B8 #61A8AF #549EA6 #47949D #3A8A94 #2D808B

#7CBDC1 - #2D808B

HSV Blend

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

0.0%	0.0% #7CBDC1	RGB 124 189 193	#7CBDC1
16.7%	16.7% #6CB2B8	RGB 108 178 184	#6CB2B8
33.3%	33.3% #5DA8AF	RGB 93 168 175	#5DA8AF
50.0%	50.0% #509EA6	RGB 80 158 166	#509EA6
66.7%	66.7% #43949D	RGB 67 148 157	#43949D
83.3%	83.3% #378A94	RGB 55 138 148	#378A94
100.0%	100.0% #2D808B	RGB 45 128 139	#2D808B

#7CBDC1 #6CB2B8 #5DA8AF #509EA6 #43949D #378A94 #2D808B

#7CBDC1 - #509EA6 - #2D808B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7CBDC1 0%, #509EA6 50%, #2D808B 100%);
    background: -webkit-linear-gradient(top, #7CBDC1 0%, #509EA6 50%, #2D808B 100%);
    background: linear-gradient(to bottom, #7CBDC1 0%, #509EA6 50%, #2D808B 100%);
}
</style>