#B7EBDF - #D9E6CC | 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 #B7EBDF to #D9E6CC

#B7EBDF #D9E6CC

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

#B7EBDF - #D9E6CC | 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 #B7EBDF as 0% and #D9E6CC as 100%.

0.0%	0.0% #B7EBDF	RGB 183 235 223	#B7EBDF
16.7%	16.7% #BCEADB	RGB 188 234 219	#BCEADB
33.3%	33.3% #C2E9D8	RGB 194 233 216	#C2E9D8
50.0%	50.0% #C8E8D5	RGB 200 232 213	#C8E8D5
66.7%	66.7% #CDE7D2	RGB 205 231 210	#CDE7D2
83.3%	83.3% #D3E6CF	RGB 211 230 207	#D3E6CF
100.0%	100.0% #D9E6CC	RGB 217 230 204	#D9E6CC

#B7EBDF #BCEADB #C2E9D8 #C8E8D5 #CDE7D2 #D3E6CF #D9E6CC

#B7EBDF - #D9E6CC

HSV Blend

#B7EBDF - #D9E6CC | 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 #B7EBDF as 0% and #D9E6CC as 100%.

0.0%	0.0% #B7EBDF	RGB 183 235 223	#B7EBDF
16.7%	16.7% #BAEAD5	RGB 186 234 213	#BAEAD5
33.3%	33.3% #BEE9CD	RGB 190 233 205	#BEE9CD
50.0%	50.0% #C1E8C6	RGB 193 232 198	#C1E8C6
66.7%	66.7% #C7E7C5	RGB 199 231 197	#C7E7C5
83.3%	83.3% #D1E6C8	RGB 209 230 200	#D1E6C8
100.0%	100.0% #D9E6CC	RGB 217 230 204	#D9E6CC

#B7EBDF #BAEAD5 #BEE9CD #C1E8C6 #C7E7C5 #D1E6C8 #D9E6CC

#B7EBDF - #C1E8C6 - #D9E6CC

CSS codes

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

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