#B8C2D5 - #E1DFD9 | 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 #B8C2D5 to #E1DFD9

#B8C2D5 #E1DFD9

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

#B8C2D5 - #E1DFD9 | 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 #B8C2D5 as 0% and #E1DFD9 as 100%.

0.0%	0.0% #B8C2D5	RGB 184 194 213	#B8C2D5
16.7%	16.7% #BEC6D5	RGB 190 198 213	#BEC6D5
33.3%	33.3% #C5CBD6	RGB 197 203 214	#C5CBD6
50.0%	50.0% #CCD0D7	RGB 204 208 215	#CCD0D7
66.7%	66.7% #D3D5D7	RGB 211 213 215	#D3D5D7
83.3%	83.3% #DADAD8	RGB 218 218 216	#DADAD8
100.0%	100.0% #E1DFD9	RGB 225 223 217	#E1DFD9

#B8C2D5 #BEC6D5 #C5CBD6 #CCD0D7 #D3D5D7 #DADAD8 #E1DFD9

#B8C2D5 - #E1DFD9

HSV Blend

#B8C2D5 - #E1DFD9 | 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 #B8C2D5 as 0% and #E1DFD9 as 100%.

0.0%	0.0% #B8C2D5	RGB 184 194 213	#B8C2D5
16.7%	16.7% #BDD2D7	RGB 189 210 215	#BDD2D7
33.3%	33.3% #C2D9D2	RGB 194 217 210	#C2D9D2
50.0%	50.0% #C8DBCC	RGB 200 219 204	#C8DBCC
66.7%	66.7% #D2DDCD	RGB 210 221 205	#D2DDCD
83.3%	83.3% #DCDFD3	RGB 220 223 211	#DCDFD3
100.0%	100.0% #E1DFD9	RGB 225 223 217	#E1DFD9

#B8C2D5 #BDD2D7 #C2D9D2 #C8DBCC #D2DDCD #DCDFD3 #E1DFD9

#B8C2D5 - #C8DBCC - #E1DFD9

CSS codes

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

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