#BDCDD4 - #C7E3CC | 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 #BDCDD4 to #C7E3CC

#BDCDD4 #C7E3CC

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

#BDCDD4 - #C7E3CC | 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 #BDCDD4 as 0% and #C7E3CC as 100%.

0.0%	0.0% #BDCDD4	RGB 189 205 212	#BDCDD4
16.7%	16.7% #BED0D2	RGB 190 208 210	#BED0D2
33.3%	33.3% #C0D4D1	RGB 192 212 209	#C0D4D1
50.0%	50.0% #C2D8D0	RGB 194 216 208	#C2D8D0
66.7%	66.7% #C3DBCE	RGB 195 219 206	#C3DBCE
83.3%	83.3% #C5DFCD	RGB 197 223 205	#C5DFCD
100.0%	100.0% #C7E3CC	RGB 199 227 204	#C7E3CC

#BDCDD4 #BED0D2 #C0D4D1 #C2D8D0 #C3DBCE #C5DFCD #C7E3CC

#BDCDD4 - #C7E3CC

HSV Blend

#BDCDD4 - #C7E3CC | 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 #BDCDD4 as 0% and #C7E3CC as 100%.

0.0%	0.0% #BDCDD4	RGB 189 205 212	#BDCDD4
16.7%	16.7% #BED3D6	RGB 190 211 214	#BED3D6
33.3%	33.3% #C0D9D7	RGB 192 217 215	#C0D9D7
50.0%	50.0% #C2DBD4	RGB 194 219 212	#C2DBD4
66.7%	66.7% #C3DED2	RGB 195 222 210	#C3DED2
83.3%	83.3% #C5E0CF	RGB 197 224 207	#C5E0CF
100.0%	100.0% #C7E3CC	RGB 199 227 204	#C7E3CC

#BDCDD4 #BED3D6 #C0D9D7 #C2DBD4 #C3DED2 #C5E0CF #C7E3CC

#BDCDD4 - #C2DBD4 - #C7E3CC

CSS codes

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

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