#CDFEE1 - #6CDCB6 | 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 #CDFEE1 to #6CDCB6

#CDFEE1 #6CDCB6

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

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

0.0%	0.0% #CDFEE1	RGB 205 254 225	#CDFEE1
16.7%	16.7% #BCF8D9	RGB 188 248 217	#BCF8D9
33.3%	33.3% #ACF2D2	RGB 172 242 210	#ACF2D2
50.0%	50.0% #9CEDCB	RGB 156 237 203	#9CEDCB
66.7%	66.7% #8CE7C4	RGB 140 231 196	#8CE7C4
83.3%	83.3% #7CE1BD	RGB 124 225 189	#7CE1BD
100.0%	100.0% #6CDCB6	RGB 108 220 182	#6CDCB6

#CDFEE1 #BCF8D9 #ACF2D2 #9CEDCB #8CE7C4 #7CE1BD #6CDCB6

#CDFEE1 - #6CDCB6

HSV Blend

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

0.0%	0.0% #CDFEE1	RGB 205 254 225	#CDFEE1
16.7%	16.7% #BBF8D6	RGB 187 248 214	#BBF8D6
33.3%	33.3% #AAF2CD	RGB 170 242 205	#AAF2CD
50.0%	50.0% #99EDC6	RGB 153 237 198	#99EDC6
66.7%	66.7% #89E7BF	RGB 137 231 191	#89E7BF
83.3%	83.3% #7AE1BA	RGB 122 225 186	#7AE1BA
100.0%	100.0% #6CDCB6	RGB 108 220 182	#6CDCB6

#CDFEE1 #BBF8D6 #AAF2CD #99EDC6 #89E7BF #7AE1BA #6CDCB6

#CDFEE1 - #99EDC6 - #6CDCB6

CSS codes

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

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