#B6FFDF - #C9F3CD | 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 #B6FFDF to #C9F3CD

#B6FFDF #C9F3CD

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

#B6FFDF - #C9F3CD | 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 #B6FFDF as 0% and #C9F3CD as 100%.

0.0%	0.0% #B6FFDF	RGB 182 255 223	#B6FFDF
16.7%	16.7% #B9FDDC	RGB 185 253 220	#B9FDDC
33.3%	33.3% #BCFBD9	RGB 188 251 217	#BCFBD9
50.0%	50.0% #BFF9D6	RGB 191 249 214	#BFF9D6
66.7%	66.7% #C2F7D3	RGB 194 247 211	#C2F7D3
83.3%	83.3% #C5F5D0	RGB 197 245 208	#C5F5D0
100.0%	100.0% #C9F3CD	RGB 201 243 205	#C9F3CD

#B6FFDF #B9FDDC #BCFBD9 #BFF9D6 #C2F7D3 #C5F5D0 #C9F3CD

#B6FFDF - #C9F3CD

HSV Blend

#B6FFDF - #C9F3CD | 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 #B6FFDF as 0% and #C9F3CD as 100%.

0.0%	0.0% #B6FFDF	RGB 182 255 223	#B6FFDF
16.7%	16.7% #B9FDDA	RGB 185 253 218	#B9FDDA
33.3%	33.3% #BCFBD5	RGB 188 251 213	#BCFBD5
50.0%	50.0% #BFF9D2	RGB 191 249 210	#BFF9D2
66.7%	66.7% #C2F7D0	RGB 194 247 208	#C2F7D0
83.3%	83.3% #C6F5CE	RGB 198 245 206	#C6F5CE
100.0%	100.0% #C9F3CD	RGB 201 243 205	#C9F3CD

#B6FFDF #B9FDDA #BCFBD5 #BFF9D2 #C2F7D0 #C6F5CE #C9F3CD

#B6FFDF - #BFF9D2 - #C9F3CD

CSS codes

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

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