#C6E2B7 - #DAFFEB | 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 #C6E2B7 to #DAFFEB

#C6E2B7 #DAFFEB

Calculate the color between two colors, #C6E2B7 and #DAFFEB. 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)

#C6E2B7 - #DAFFEB | 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 #C6E2B7 as 0% and #DAFFEB as 100%.

0.0%	0.0% #C6E2B7	RGB 198 226 183	#C6E2B7
16.7%	16.7% #C9E6BF	RGB 201 230 191	#C9E6BF
33.3%	33.3% #CCEBC8	RGB 204 235 200	#CCEBC8
50.0%	50.0% #D0F0D1	RGB 208 240 209	#D0F0D1
66.7%	66.7% #D3F5D9	RGB 211 245 217	#D3F5D9
83.3%	83.3% #D6FAE2	RGB 214 250 226	#D6FAE2
100.0%	100.0% #DAFFEB	RGB 218 255 235	#DAFFEB

#C6E2B7 #C9E6BF #CCEBC8 #D0F0D1 #D3F5D9 #D6FAE2 #DAFFEB

#C6E2B7 - #DAFFEB

HSV Blend

#C6E2B7 - #DAFFEB | 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 #C6E2B7 as 0% and #DAFFEB as 100%.

0.0%	0.0% #C6E2B7	RGB 198 226 183	#C6E2B7
16.7%	16.7% #C5E6BC	RGB 197 230 188	#C5E6BC
33.3%	33.3% #C5EBC2	RGB 197 235 194	#C5EBC2
50.0%	50.0% #C8F0CA	RGB 200 240 202	#C8F0CA
66.7%	66.7% #CEF5D5	RGB 206 245 213	#CEF5D5
83.3%	83.3% #D3FAE0	RGB 211 250 224	#D3FAE0
100.0%	100.0% #DAFFEB	RGB 218 255 235	#DAFFEB

#C6E2B7 #C5E6BC #C5EBC2 #C8F0CA #CEF5D5 #D3FAE0 #DAFFEB

#C6E2B7 - #C8F0CA - #DAFFEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6E2B7 0%, #C8F0CA 50%, #DAFFEB 100%);
    background: -webkit-linear-gradient(top, #C6E2B7 0%, #C8F0CA 50%, #DAFFEB 100%);
    background: linear-gradient(to bottom, #C6E2B7 0%, #C8F0CA 50%, #DAFFEB 100%);
}
</style>