#B8D5CF - #DFD9D8 | 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 #B8D5CF to #DFD9D8

#B8D5CF #DFD9D8

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

#B8D5CF - #DFD9D8 | 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 #B8D5CF as 0% and #DFD9D8 as 100%.

0.0%	0.0% #B8D5CF	RGB 184 213 207	#B8D5CF
16.7%	16.7% #BED5D0	RGB 190 213 208	#BED5D0
33.3%	33.3% #C5D6D2	RGB 197 214 210	#C5D6D2
50.0%	50.0% #CBD7D3	RGB 203 215 211	#CBD7D3
66.7%	66.7% #D2D7D5	RGB 210 215 213	#D2D7D5
83.3%	83.3% #D8D8D6	RGB 216 216 214	#D8D8D6
100.0%	100.0% #DFD9D8	RGB 223 217 216	#DFD9D8

#B8D5CF #BED5D0 #C5D6D2 #CBD7D3 #D2D7D5 #D8D8D6 #DFD9D8

#B8D5CF - #DFD9D8

HSV Blend

#B8D5CF - #DFD9D8 | 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 #B8D5CF as 0% and #DFD9D8 as 100%.

0.0%	0.0% #B8D5CF	RGB 184 213 207	#B8D5CF
16.7%	16.7% #BDD6C6	RGB 189 214 198	#BDD6C6
33.3%	33.3% #C4D8C2	RGB 196 216 194	#C4D8C2
50.0%	50.0% #D1DAC7	RGB 209 218 199	#D1DAC7
66.7%	66.7% #DBDBCD	RGB 219 219 205	#DBDBCD
83.3%	83.3% #DDD8D2	RGB 221 216 210	#DDD8D2
100.0%	100.0% #DFD9D8	RGB 223 217 216	#DFD9D8

#B8D5CF #BDD6C6 #C4D8C2 #D1DAC7 #DBDBCD #DDD8D2 #DFD9D8

#B8D5CF - #D1DAC7 - #DFD9D8

CSS codes

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

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