#BDD1C9 - #CEF0FF | 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 #BDD1C9 to #CEF0FF

#BDD1C9 #CEF0FF

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

#BDD1C9 - #CEF0FF | 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 #BDD1C9 as 0% and #CEF0FF as 100%.

0.0%	0.0% #BDD1C9	RGB 189 209 201	#BDD1C9
16.7%	16.7% #BFD6D2	RGB 191 214 210	#BFD6D2
33.3%	33.3% #C2DBDB	RGB 194 219 219	#C2DBDB
50.0%	50.0% #C5E0E4	RGB 197 224 228	#C5E0E4
66.7%	66.7% #C8E5ED	RGB 200 229 237	#C8E5ED
83.3%	83.3% #CBEAF6	RGB 203 234 246	#CBEAF6
100.0%	100.0% #CEF0FF	RGB 206 240 255	#CEF0FF

#BDD1C9 #BFD6D2 #C2DBDB #C5E0E4 #C8E5ED #CBEAF6 #CEF0FF

#BDD1C9 - #CEF0FF

HSV Blend

#BDD1C9 - #CEF0FF | 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 #BDD1C9 as 0% and #CEF0FF as 100%.

0.0%	0.0% #BDD1C9	RGB 189 209 201	#BDD1C9
16.7%	16.7% #C0D8D1	RGB 192 216 209	#C0D8D1
33.3%	33.3% #C3E0DB	RGB 195 224 219	#C3E0DB
50.0%	50.0% #C6E8E6	RGB 198 232 230	#C6E8E6
66.7%	66.7% #C9ECEF	RGB 201 236 239	#C9ECEF
83.3%	83.3% #CBEFF7	RGB 203 239 247	#CBEFF7
100.0%	100.0% #CEF0FF	RGB 206 240 255	#CEF0FF

#BDD1C9 #C0D8D1 #C3E0DB #C6E8E6 #C9ECEF #CBEFF7 #CEF0FF

#BDD1C9 - #C6E8E6 - #CEF0FF

CSS codes

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

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