#B5CFCC - #C9F0DA | 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 #B5CFCC to #C9F0DA

#B5CFCC #C9F0DA

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

#B5CFCC - #C9F0DA | 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 #B5CFCC as 0% and #C9F0DA as 100%.

0.0%	0.0% #B5CFCC	RGB 181 207 204	#B5CFCC
16.7%	16.7% #B8D4CE	RGB 184 212 206	#B8D4CE
33.3%	33.3% #BBDAD0	RGB 187 218 208	#BBDAD0
50.0%	50.0% #BFDFD3	RGB 191 223 211	#BFDFD3
66.7%	66.7% #C2E5D5	RGB 194 229 213	#C2E5D5
83.3%	83.3% #C5EAD7	RGB 197 234 215	#C5EAD7
100.0%	100.0% #C9F0DA	RGB 201 240 218	#C9F0DA

#B5CFCC #B8D4CE #BBDAD0 #BFDFD3 #C2E5D5 #C5EAD7 #C9F0DA

#B5CFCC - #C9F0DA

HSV Blend

#B5CFCC - #C9F0DA | 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 #B5CFCC as 0% and #C9F0DA as 100%.

0.0%	0.0% #B5CFCC	RGB 181 207 204	#B5CFCC
16.7%	16.7% #B8D4CF	RGB 184 212 207	#B8D4CF
33.3%	33.3% #BBDAD2	RGB 187 218 210	#BBDAD2
50.0%	50.0% #BFDFD4	RGB 191 223 212	#BFDFD4
66.7%	66.7% #C2E5D6	RGB 194 229 214	#C2E5D6
83.3%	83.3% #C5EAD8	RGB 197 234 216	#C5EAD8
100.0%	100.0% #C9F0DA	RGB 201 240 218	#C9F0DA

#B5CFCC #B8D4CF #BBDAD2 #BFDFD4 #C2E5D6 #C5EAD8 #C9F0DA

#B5CFCC - #BFDFD4 - #C9F0DA

CSS codes

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

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