#B8C5BC - #CFFFED | 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 #B8C5BC to #CFFFED

#B8C5BC #CFFFED

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

#B8C5BC - #CFFFED | 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 #B8C5BC as 0% and #CFFFED as 100%.

0.0%	0.0% #B8C5BC	RGB 184 197 188	#B8C5BC
16.7%	16.7% #BBCEC4	RGB 187 206 196	#BBCEC4
33.3%	33.3% #BFD8CC	RGB 191 216 204	#BFD8CC
50.0%	50.0% #C3E2D4	RGB 195 226 212	#C3E2D4
66.7%	66.7% #C7EBDC	RGB 199 235 220	#C7EBDC
83.3%	83.3% #CBF5E4	RGB 203 245 228	#CBF5E4
100.0%	100.0% #CFFFED	RGB 207 255 237	#CFFFED

#B8C5BC #BBCEC4 #BFD8CC #C3E2D4 #C7EBDC #CBF5E4 #CFFFED

#B8C5BC - #CFFFED

HSV Blend

#B8C5BC - #CFFFED | 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 #B8C5BC as 0% and #CFFFED as 100%.

0.0%	0.0% #B8C5BC	RGB 184 197 188	#B8C5BC
16.7%	16.7% #BCCEC3	RGB 188 206 195	#BCCEC3
33.3%	33.3% #C1D8CA	RGB 193 216 202	#C1D8CA
50.0%	50.0% #C5E2D2	RGB 197 226 210	#C5E2D2
66.7%	66.7% #C8EBDA	RGB 200 235 218	#C8EBDA
83.3%	83.3% #CCF5E3	RGB 204 245 227	#CCF5E3
100.0%	100.0% #CFFFED	RGB 207 255 237	#CFFFED

#B8C5BC #BCCEC3 #C1D8CA #C5E2D2 #C8EBDA #CCF5E3 #CFFFED

#B8C5BC - #C5E2D2 - #CFFFED

CSS codes

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

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