#B5C6D0 - #C2E3C8 | 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 #B5C6D0 to #C2E3C8

#B5C6D0 #C2E3C8

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

#B5C6D0 - #C2E3C8 | 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 #B5C6D0 as 0% and #C2E3C8 as 100%.

0.0%	0.0% #B5C6D0	RGB 181 198 208	#B5C6D0
16.7%	16.7% #B7CACE	RGB 183 202 206	#B7CACE
33.3%	33.3% #B9CFCD	RGB 185 207 205	#B9CFCD
50.0%	50.0% #BBD4CC	RGB 187 212 204	#BBD4CC
66.7%	66.7% #BDD9CA	RGB 189 217 202	#BDD9CA
83.3%	83.3% #BFDEC9	RGB 191 222 201	#BFDEC9
100.0%	100.0% #C2E3C8	RGB 194 227 200	#C2E3C8

#B5C6D0 #B7CACE #B9CFCD #BBD4CC #BDD9CA #BFDEC9 #C2E3C8

#B5C6D0 - #C2E3C8

HSV Blend

#B5C6D0 - #C2E3C8 | 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 #B5C6D0 as 0% and #C2E3C8 as 100%.

0.0%	0.0% #B5C6D0	RGB 181 198 208	#B5C6D0
16.7%	16.7% #B7CED3	RGB 183 206 211	#B7CED3
33.3%	33.3% #B9D6D5	RGB 185 214 213	#B9D6D5
50.0%	50.0% #BBD9D2	RGB 187 217 210	#BBD9D2
66.7%	66.7% #BDDCCF	RGB 189 220 207	#BDDCCF
83.3%	83.3% #BFDFCC	RGB 191 223 204	#BFDFCC
100.0%	100.0% #C2E3C8	RGB 194 227 200	#C2E3C8

#B5C6D0 #B7CED3 #B9D6D5 #BBD9D2 #BDDCCF #BFDFCC #C2E3C8

#B5C6D0 - #BBD9D2 - #C2E3C8

CSS codes

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

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