#B2BEC2 - #CAEEEC | 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 #B2BEC2 to #CAEEEC

#B2BEC2 #CAEEEC

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

#B2BEC2 - #CAEEEC | 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 #B2BEC2 as 0% and #CAEEEC as 100%.

0.0%	0.0% #B2BEC2	RGB 178 190 194	#B2BEC2
16.7%	16.7% #B6C6C9	RGB 182 198 201	#B6C6C9
33.3%	33.3% #BACED0	RGB 186 206 208	#BACED0
50.0%	50.0% #BED6D7	RGB 190 214 215	#BED6D7
66.7%	66.7% #C2DEDE	RGB 194 222 222	#C2DEDE
83.3%	83.3% #C6E6E5	RGB 198 230 229	#C6E6E5
100.0%	100.0% #CAEEEC	RGB 202 238 236	#CAEEEC

#B2BEC2 #B6C6C9 #BACED0 #BED6D7 #C2DEDE #C6E6E5 #CAEEEC

#B2BEC2 - #CAEEEC

HSV Blend

#B2BEC2 - #CAEEEC | 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 #B2BEC2 as 0% and #CAEEEC as 100%.

0.0%	0.0% #B2BEC2	RGB 178 190 194	#B2BEC2
16.7%	16.7% #B6C5C9	RGB 182 197 201	#B6C5C9
33.3%	33.3% #BACDD0	RGB 186 205 208	#BACDD0
50.0%	50.0% #BED5D8	RGB 190 213 216	#BED5D8
66.7%	66.7% #C2DEDF	RGB 194 222 223	#C2DEDF
83.3%	83.3% #C6E6E6	RGB 198 230 230	#C6E6E6
100.0%	100.0% #CAEEEC	RGB 202 238 236	#CAEEEC

#B2BEC2 #B6C5C9 #BACDD0 #BED5D8 #C2DEDF #C6E6E6 #CAEEEC

#B2BEC2 - #BED5D8 - #CAEEEC

CSS codes

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

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