#BDDAE7 - #C8FAD6 | 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 #BDDAE7 to #C8FAD6

#BDDAE7 #C8FAD6

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

#BDDAE7 - #C8FAD6 | 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 #BDDAE7 as 0% and #C8FAD6 as 100%.

0.0%	0.0% #BDDAE7	RGB 189 218 231	#BDDAE7
16.7%	16.7% #BEDFE4	RGB 190 223 228	#BEDFE4
33.3%	33.3% #C0E4E1	RGB 192 228 225	#C0E4E1
50.0%	50.0% #C2EADE	RGB 194 234 222	#C2EADE
66.7%	66.7% #C4EFDB	RGB 196 239 219	#C4EFDB
83.3%	83.3% #C6F4D8	RGB 198 244 216	#C6F4D8
100.0%	100.0% #C8FAD6	RGB 200 250 214	#C8FAD6

#BDDAE7 #BEDFE4 #C0E4E1 #C2EADE #C4EFDB #C6F4D8 #C8FAD6

#BDDAE7 - #C8FAD6

HSV Blend

#BDDAE7 - #C8FAD6 | 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 #BDDAE7 as 0% and #C8FAD6 as 100%.

0.0%	0.0% #BDDAE7	RGB 189 218 231	#BDDAE7
16.7%	16.7% #BEE4EA	RGB 190 228 234	#BEE4EA
33.3%	33.3% #C0EDEB	RGB 192 237 235	#C0EDEB
50.0%	50.0% #C2F0E7	RGB 194 240 231	#C2F0E7
66.7%	66.7% #C4F3E1	RGB 196 243 225	#C4F3E1
83.3%	83.3% #C6F6DC	RGB 198 246 220	#C6F6DC
100.0%	100.0% #C8FAD6	RGB 200 250 214	#C8FAD6

#BDDAE7 #BEE4EA #C0EDEB #C2F0E7 #C4F3E1 #C6F6DC #C8FAD6

#BDDAE7 - #C2F0E7 - #C8FAD6

CSS codes

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

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