#BCD2D0 - #CBE3C6 | 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 #BCD2D0 to #CBE3C6

#BCD2D0 #CBE3C6

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

#BCD2D0 - #CBE3C6 | 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 #BCD2D0 as 0% and #CBE3C6 as 100%.

0.0%	0.0% #BCD2D0	RGB 188 210 208	#BCD2D0
16.7%	16.7% #BED4CE	RGB 190 212 206	#BED4CE
33.3%	33.3% #C1D7CC	RGB 193 215 204	#C1D7CC
50.0%	50.0% #C3DACB	RGB 195 218 203	#C3DACB
66.7%	66.7% #C6DDC9	RGB 198 221 201	#C6DDC9
83.3%	83.3% #C8E0C7	RGB 200 224 199	#C8E0C7
100.0%	100.0% #CBE3C6	RGB 203 227 198	#CBE3C6

#BCD2D0 #BED4CE #C1D7CC #C3DACB #C6DDC9 #C8E0C7 #CBE3C6

#BCD2D0 - #CBE3C6

HSV Blend

#BCD2D0 - #CBE3C6 | 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 #BCD2D0 as 0% and #CBE3C6 as 100%.

0.0%	0.0% #BCD2D0	RGB 188 210 208	#BCD2D0
16.7%	16.7% #BDD4CE	RGB 189 212 206	#BDD4CE
33.3%	33.3% #BFD7CC	RGB 191 215 204	#BFD7CC
50.0%	50.0% #C1DACA	RGB 193 218 202	#C1DACA
66.7%	66.7% #C2DDC7	RGB 194 221 199	#C2DDC7
83.3%	83.3% #C4E0C4	RGB 196 224 196	#C4E0C4
100.0%	100.0% #CBE3C6	RGB 203 227 198	#CBE3C6

#BCD2D0 #BDD4CE #BFD7CC #C1DACA #C2DDC7 #C4E0C4 #CBE3C6

#BCD2D0 - #C1DACA - #CBE3C6

CSS codes

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

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