#CFECE2 - #6BBFB5 | 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 #CFECE2 to #6BBFB5

#CFECE2 #6BBFB5

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

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

0.0%	0.0% #CFECE2	RGB 207 236 226	#CFECE2
16.7%	16.7% #BEE4DA	RGB 190 228 218	#BEE4DA
33.3%	33.3% #ADDDD3	RGB 173 221 211	#ADDDD3
50.0%	50.0% #9DD5CB	RGB 157 213 203	#9DD5CB
66.7%	66.7% #8CCEC4	RGB 140 206 196	#8CCEC4
83.3%	83.3% #7BC6BC	RGB 123 198 188	#7BC6BC
100.0%	100.0% #6BBFB5	RGB 107 191 181	#6BBFB5

#CFECE2 #BEE4DA #ADDDD3 #9DD5CB #8CCEC4 #7BC6BC #6BBFB5

#CFECE2 - #6BBFB5

HSV Blend

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

0.0%	0.0% #CFECE2	RGB 207 236 226	#CFECE2
16.7%	16.7% #BCE4D8	RGB 188 228 216	#BCE4D8
33.3%	33.3% #AADDCF	RGB 170 221 207	#AADDCF
50.0%	50.0% #99D5C7	RGB 153 213 199	#99D5C7
66.7%	66.7% #89CEC0	RGB 137 206 192	#89CEC0
83.3%	83.3% #79C6BA	RGB 121 198 186	#79C6BA
100.0%	100.0% #6BBFB5	RGB 107 191 181	#6BBFB5

#CFECE2 #BCE4D8 #AADDCF #99D5C7 #89CEC0 #79C6BA #6BBFB5

#CFECE2 - #99D5C7 - #6BBFB5

CSS codes

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

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