#B6DEE6 - #F0E7E5 | 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 #B6DEE6 to #F0E7E5

#B6DEE6 #F0E7E5

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

#B6DEE6 - #F0E7E5 | 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 #B6DEE6 as 0% and #F0E7E5 as 100%.

0.0%	0.0% #B6DEE6	RGB 182 222 230	#B6DEE6
16.7%	16.7% #BFDFE5	RGB 191 223 229	#BFDFE5
33.3%	33.3% #C9E1E5	RGB 201 225 229	#C9E1E5
50.0%	50.0% #D3E2E5	RGB 211 226 229	#D3E2E5
66.7%	66.7% #DCE4E5	RGB 220 228 229	#DCE4E5
83.3%	83.3% #E6E5E5	RGB 230 229 229	#E6E5E5
100.0%	100.0% #F0E7E5	RGB 240 231 229	#F0E7E5

#B6DEE6 #BFDFE5 #C9E1E5 #D3E2E5 #DCE4E5 #E6E5E5 #F0E7E5

#B6DEE6 - #F0E7E5

HSV Blend

#B6DEE6 - #F0E7E5 | 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 #B6DEE6 as 0% and #F0E7E5 as 100%.

0.0%	0.0% #B6DEE6	RGB 182 222 230	#B6DEE6
16.7%	16.7% #BDE7D9	RGB 189 231 217	#BDE7D9
33.3%	33.3% #C5E9CB	RGB 197 233 203	#C5E9CB
50.0%	50.0% #D6EBCD	RGB 214 235 205	#D6EBCD
66.7%	66.7% #E8ECD4	RGB 232 236 212	#E8ECD4
83.3%	83.3% #EEE8DC	RGB 238 232 220	#EEE8DC
100.0%	100.0% #F0E7E5	RGB 240 231 229	#F0E7E5

#B6DEE6 #BDE7D9 #C5E9CB #D6EBCD #E8ECD4 #EEE8DC #F0E7E5

#B6DEE6 - #D6EBCD - #F0E7E5

CSS codes

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

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