#B8DBD9 - #CEE3C9 | 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 #B8DBD9 to #CEE3C9

#B8DBD9 #CEE3C9

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

#B8DBD9 - #CEE3C9 | 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 #B8DBD9 as 0% and #CEE3C9 as 100%.

0.0%	0.0% #B8DBD9	RGB 184 219 217	#B8DBD9
16.7%	16.7% #BBDCD6	RGB 187 220 214	#BBDCD6
33.3%	33.3% #BFDDD3	RGB 191 221 211	#BFDDD3
50.0%	50.0% #C3DFD1	RGB 195 223 209	#C3DFD1
66.7%	66.7% #C6E0CE	RGB 198 224 206	#C6E0CE
83.3%	83.3% #CAE1CB	RGB 202 225 203	#CAE1CB
100.0%	100.0% #CEE3C9	RGB 206 227 201	#CEE3C9

#B8DBD9 #BBDCD6 #BFDDD3 #C3DFD1 #C6E0CE #CAE1CB #CEE3C9

#B8DBD9 - #CEE3C9

HSV Blend

#B8DBD9 - #CEE3C9 | 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 #B8DBD9 as 0% and #CEE3C9 as 100%.

0.0%	0.0% #B8DBD9	RGB 184 219 217	#B8DBD9
16.7%	16.7% #BADCD4	RGB 186 220 212	#BADCD4
33.3%	33.3% #BDDDCF	RGB 189 221 207	#BDDDCF
50.0%	50.0% #C0DFCB	RGB 192 223 203	#C0DFCB
66.7%	66.7% #C3E0C8	RGB 195 224 200	#C3E0C8
83.3%	83.3% #C6E1C6	RGB 198 225 198	#C6E1C6
100.0%	100.0% #CEE3C9	RGB 206 227 201	#CEE3C9

#B8DBD9 #BADCD4 #BDDDCF #C0DFCB #C3E0C8 #C6E1C6 #CEE3C9

#B8DBD9 - #C0DFCB - #CEE3C9

CSS codes

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

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