#B8D3DA - #E4DFDD | 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 #B8D3DA to #E4DFDD

#B8D3DA #E4DFDD

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

#B8D3DA - #E4DFDD | 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 #B8D3DA as 0% and #E4DFDD as 100%.

0.0%	0.0% #B8D3DA	RGB 184 211 218	#B8D3DA
16.7%	16.7% #BFD5DA	RGB 191 213 218	#BFD5DA
33.3%	33.3% #C6D7DB	RGB 198 215 219	#C6D7DB
50.0%	50.0% #CED9DB	RGB 206 217 219	#CED9DB
66.7%	66.7% #D5DBDC	RGB 213 219 220	#D5DBDC
83.3%	83.3% #DCDDDC	RGB 220 221 220	#DCDDDC
100.0%	100.0% #E4DFDD	RGB 228 223 221	#E4DFDD

#B8D3DA #BFD5DA #C6D7DB #CED9DB #D5DBDC #DCDDDC #E4DFDD

#B8D3DA - #E4DFDD

HSV Blend

#B8D3DA - #E4DFDD | 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 #B8D3DA as 0% and #E4DFDD as 100%.

0.0%	0.0% #B8D3DA	RGB 184 211 218	#B8D3DA
16.7%	16.7% #BDDBD3	RGB 189 219 211	#BDDBD3
33.3%	33.3% #C4DDC9	RGB 196 221 201	#C4DDC9
50.0%	50.0% #CFDFCA	RGB 207 223 202	#CFDFCA
66.7%	66.7% #DCE0D0	RGB 220 224 208	#DCE0D0
83.3%	83.3% #E2DFD6	RGB 226 223 214	#E2DFD6
100.0%	100.0% #E4DFDD	RGB 228 223 221	#E4DFDD

#B8D3DA #BDDBD3 #C4DDC9 #CFDFCA #DCE0D0 #E2DFD6 #E4DFDD

#B8D3DA - #CFDFCA - #E4DFDD

CSS codes

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

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