#BFD2D9 - #EAE6E0 | 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 #BFD2D9 to #EAE6E0

#BFD2D9 #EAE6E0

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

#BFD2D9 - #EAE6E0 | 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 #BFD2D9 as 0% and #EAE6E0 as 100%.

0.0%	0.0% #BFD2D9	RGB 191 210 217	#BFD2D9
16.7%	16.7% #C6D5DA	RGB 198 213 218	#C6D5DA
33.3%	33.3% #CDD8DB	RGB 205 216 219	#CDD8DB
50.0%	50.0% #D4DCDC	RGB 212 220 220	#D4DCDC
66.7%	66.7% #DBDFDD	RGB 219 223 221	#DBDFDD
83.3%	83.3% #E2E2DE	RGB 226 226 222	#E2E2DE
100.0%	100.0% #EAE6E0	RGB 234 230 224	#EAE6E0

#BFD2D9 #C6D5DA #CDD8DB #D4DCDC #DBDFDD #E2E2DE #EAE6E0

#BFD2D9 - #EAE6E0

HSV Blend

#BFD2D9 - #EAE6E0 | 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 #BFD2D9 as 0% and #EAE6E0 as 100%.

0.0%	0.0% #BFD2D9	RGB 191 210 217	#BFD2D9
16.7%	16.7% #C4DBD7	RGB 196 219 215	#C4DBD7
33.3%	33.3% #C9DED1	RGB 201 222 209	#C9DED1
50.0%	50.0% #D0E1CF	RGB 208 225 207	#D0E1CF
66.7%	66.7% #DCE4D4	RGB 220 228 212	#DCE4D4
83.3%	83.3% #E6E7DA	RGB 230 231 218	#E6E7DA
100.0%	100.0% #EAE6E0	RGB 234 230 224	#EAE6E0

#BFD2D9 #C4DBD7 #C9DED1 #D0E1CF #DCE4D4 #E6E7DA #EAE6E0

#BFD2D9 - #D0E1CF - #EAE6E0

CSS codes

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

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