#6DCBCB - #CFE2B6 | 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 #6DCBCB to #CFE2B6

#6DCBCB #CFE2B6

Calculate the color between two colors, #6DCBCB and #CFE2B6. 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)

#6DCBCB - #CFE2B6 | 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 #6DCBCB as 0% and #CFE2B6 as 100%.

0.0%	0.0% #6DCBCB	RGB 109 203 203	#6DCBCB
16.7%	16.7% #7DCEC7	RGB 125 206 199	#7DCEC7
33.3%	33.3% #8DD2C4	RGB 141 210 196	#8DD2C4
50.0%	50.0% #9ED6C0	RGB 158 214 192	#9ED6C0
66.7%	66.7% #AEDABD	RGB 174 218 189	#AEDABD
83.3%	83.3% #BEDEB9	RGB 190 222 185	#BEDEB9
100.0%	100.0% #CFE2B6	RGB 207 226 182	#CFE2B6

#6DCBCB #7DCEC7 #8DD2C4 #9ED6C0 #AEDABD #BEDEB9 #CFE2B6

#6DCBCB - #CFE2B6

HSV Blend

#6DCBCB - #CFE2B6 | 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 #6DCBCB as 0% and #CFE2B6 as 100%.

0.0%	0.0% #6DCBCB	RGB 109 203 203	#6DCBCB
16.7%	16.7% #78CEB8	RGB 120 206 184	#78CEB8
33.3%	33.3% #83D2A9	RGB 131 210 169	#83D2A9
50.0%	50.0% #8FD69F	RGB 143 214 159	#8FD69F
66.7%	66.7% #9FDA9C	RGB 159 218 156	#9FDA9C
83.3%	83.3% #B9DEA8	RGB 185 222 168	#B9DEA8
100.0%	100.0% #CFE2B6	RGB 207 226 182	#CFE2B6

#6DCBCB #78CEB8 #83D2A9 #8FD69F #9FDA9C #B9DEA8 #CFE2B6

#6DCBCB - #8FD69F - #CFE2B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DCBCB 0%, #8FD69F 50%, #CFE2B6 100%);
    background: -webkit-linear-gradient(top, #6DCBCB 0%, #8FD69F 50%, #CFE2B6 100%);
    background: linear-gradient(to bottom, #6DCBCB 0%, #8FD69F 50%, #CFE2B6 100%);
}
</style>