#B9DBDB - #CDE3C9 | 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 #B9DBDB to #CDE3C9

#B9DBDB #CDE3C9

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

#B9DBDB - #CDE3C9 | 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 #B9DBDB as 0% and #CDE3C9 as 100%.

0.0%	0.0% #B9DBDB	RGB 185 219 219	#B9DBDB
16.7%	16.7% #BCDCD8	RGB 188 220 216	#BCDCD8
33.3%	33.3% #BFDDD5	RGB 191 221 213	#BFDDD5
50.0%	50.0% #C3DFD2	RGB 195 223 210	#C3DFD2
66.7%	66.7% #C6E0CF	RGB 198 224 207	#C6E0CF
83.3%	83.3% #C9E1CC	RGB 201 225 204	#C9E1CC
100.0%	100.0% #CDE3C9	RGB 205 227 201	#CDE3C9

#B9DBDB #BCDCD8 #BFDDD5 #C3DFD2 #C6E0CF #C9E1CC #CDE3C9

#B9DBDB - #CDE3C9

HSV Blend

#B9DBDB - #CDE3C9 | 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 #B9DBDB as 0% and #CDE3C9 as 100%.

0.0%	0.0% #B9DBDB	RGB 185 219 219	#B9DBDB
16.7%	16.7% #BBDCD6	RGB 187 220 214	#BBDCD6
33.3%	33.3% #BEDDD1	RGB 190 221 209	#BEDDD1
50.0%	50.0% #C0DFCD	RGB 192 223 205	#C0DFCD
66.7%	66.7% #C3E0CA	RGB 195 224 202	#C3E0CA
83.3%	83.3% #C6E1C7	RGB 198 225 199	#C6E1C7
100.0%	100.0% #CDE3C9	RGB 205 227 201	#CDE3C9

#B9DBDB #BBDCD6 #BEDDD1 #C0DFCD #C3E0CA #C6E1C7 #CDE3C9

#B9DBDB - #C0DFCD - #CDE3C9

CSS codes

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

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