#B5CAC2 - #CEEFDF | 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 #B5CAC2 to #CEEFDF

#B5CAC2 #CEEFDF

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

#B5CAC2 - #CEEFDF | 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 #B5CAC2 as 0% and #CEEFDF as 100%.

0.0%	0.0% #B5CAC2	RGB 181 202 194	#B5CAC2
16.7%	16.7% #B9D0C6	RGB 185 208 198	#B9D0C6
33.3%	33.3% #BDD6CB	RGB 189 214 203	#BDD6CB
50.0%	50.0% #C1DCD0	RGB 193 220 208	#C1DCD0
66.7%	66.7% #C5E2D5	RGB 197 226 213	#C5E2D5
83.3%	83.3% #C9E8DA	RGB 201 232 218	#C9E8DA
100.0%	100.0% #CEEFDF	RGB 206 239 223	#CEEFDF

#B5CAC2 #B9D0C6 #BDD6CB #C1DCD0 #C5E2D5 #C9E8DA #CEEFDF

#B5CAC2 - #CEEFDF

HSV Blend

#B5CAC2 - #CEEFDF | 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 #B5CAC2 as 0% and #CEEFDF as 100%.

0.0%	0.0% #B5CAC2	RGB 181 202 194	#B5CAC2
16.7%	16.7% #B9D0C7	RGB 185 208 199	#B9D0C7
33.3%	33.3% #BDD6CC	RGB 189 214 204	#BDD6CC
50.0%	50.0% #C1DCD0	RGB 193 220 208	#C1DCD0
66.7%	66.7% #C5E2D5	RGB 197 226 213	#C5E2D5
83.3%	83.3% #CAE8DA	RGB 202 232 218	#CAE8DA
100.0%	100.0% #CEEFDF	RGB 206 239 223	#CEEFDF

#B5CAC2 #B9D0C7 #BDD6CC #C1DCD0 #C5E2D5 #CAE8DA #CEEFDF

#B5CAC2 - #C1DCD0 - #CEEFDF

CSS codes

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

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