#CFFFEB - #6BCFBC | 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 #CFFFEB to #6BCFBC

#CFFFEB #6BCFBC

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

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

0.0%	0.0% #CFFFEB	RGB 207 255 235	#CFFFEB
16.7%	16.7% #BEF7E3	RGB 190 247 227	#BEF7E3
33.3%	33.3% #ADEFDB	RGB 173 239 219	#ADEFDB
50.0%	50.0% #9DE7D3	RGB 157 231 211	#9DE7D3
66.7%	66.7% #8CDFCB	RGB 140 223 203	#8CDFCB
83.3%	83.3% #7BD7C3	RGB 123 215 195	#7BD7C3
100.0%	100.0% #6BCFBC	RGB 107 207 188	#6BCFBC

#CFFFEB #BEF7E3 #ADEFDB #9DE7D3 #8CDFCB #7BD7C3 #6BCFBC

#CFFFEB - #6BCFBC

HSV Blend

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

0.0%	0.0% #CFFFEB	RGB 207 255 235	#CFFFEB
16.7%	16.7% #BCF7E0	RGB 188 247 224	#BCF7E0
33.3%	33.3% #AAEFD7	RGB 170 239 215	#AAEFD7
50.0%	50.0% #99E7CF	RGB 153 231 207	#99E7CF
66.7%	66.7% #89DFC8	RGB 137 223 200	#89DFC8
83.3%	83.3% #79D7C1	RGB 121 215 193	#79D7C1
100.0%	100.0% #6BCFBC	RGB 107 207 188	#6BCFBC

#CFFFEB #BCF7E0 #AAEFD7 #99E7CF #89DFC8 #79D7C1 #6BCFBC

#CFFFEB - #99E7CF - #6BCFBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFFFEB 0%, #99E7CF 50%, #6BCFBC 100%);
    background: -webkit-linear-gradient(top, #CFFFEB 0%, #99E7CF 50%, #6BCFBC 100%);
    background: linear-gradient(to bottom, #CFFFEB 0%, #99E7CF 50%, #6BCFBC 100%);
}
</style>