#B5CFC1 - #C7F8FF | 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 #B5CFC1 to #C7F8FF

#B5CFC1 #C7F8FF

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

#B5CFC1 - #C7F8FF | 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 #B5CFC1 as 0% and #C7F8FF as 100%.

0.0%	0.0% #B5CFC1	RGB 181 207 193	#B5CFC1
16.7%	16.7% #B8D5CB	RGB 184 213 203	#B8D5CB
33.3%	33.3% #BBDCD5	RGB 187 220 213	#BBDCD5
50.0%	50.0% #BEE3E0	RGB 190 227 224	#BEE3E0
66.7%	66.7% #C1EAEA	RGB 193 234 234	#C1EAEA
83.3%	83.3% #C4F1F4	RGB 196 241 244	#C4F1F4
100.0%	100.0% #C7F8FF	RGB 199 248 255	#C7F8FF

#B5CFC1 #B8D5CB #BBDCD5 #BEE3E0 #C1EAEA #C4F1F4 #C7F8FF

#B5CFC1 - #C7F8FF

HSV Blend

#B5CFC1 - #C7F8FF | 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 #B5CFC1 as 0% and #C7F8FF as 100%.

0.0%	0.0% #B5CFC1	RGB 181 207 193	#B5CFC1
16.7%	16.7% #B8D7CA	RGB 184 215 202	#B8D7CA
33.3%	33.3% #BCDFD3	RGB 188 223 211	#BCDFD3
50.0%	50.0% #BFE7DE	RGB 191 231 222	#BFE7DE
66.7%	66.7% #C2EFEA	RGB 194 239 234	#C2EFEA
83.3%	83.3% #C4F6F7	RGB 196 246 247	#C4F6F7
100.0%	100.0% #C7F8FF	RGB 199 248 255	#C7F8FF

#B5CFC1 #B8D7CA #BCDFD3 #BFE7DE #C2EFEA #C4F6F7 #C7F8FF

#B5CFC1 - #BFE7DE - #C7F8FF

CSS codes

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

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