#B8D1D5 - #DFDAD8 | 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 #B8D1D5 to #DFDAD8

#B8D1D5 #DFDAD8

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

#B8D1D5 - #DFDAD8 | 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 #B8D1D5 as 0% and #DFDAD8 as 100%.

0.0%	0.0% #B8D1D5	RGB 184 209 213	#B8D1D5
16.7%	16.7% #BED2D5	RGB 190 210 213	#BED2D5
33.3%	33.3% #C5D4D6	RGB 197 212 214	#C5D4D6
50.0%	50.0% #CBD5D6	RGB 203 213 214	#CBD5D6
66.7%	66.7% #D2D7D7	RGB 210 215 215	#D2D7D7
83.3%	83.3% #D8D8D7	RGB 216 216 215	#D8D8D7
100.0%	100.0% #DFDAD8	RGB 223 218 216	#DFDAD8

#B8D1D5 #BED2D5 #C5D4D6 #CBD5D6 #D2D7D7 #D8D8D7 #DFDAD8

#B8D1D5 - #DFDAD8

HSV Blend

#B8D1D5 - #DFDAD8 | 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 #B8D1D5 as 0% and #DFDAD8 as 100%.

0.0%	0.0% #B8D1D5	RGB 184 209 213	#B8D1D5
16.7%	16.7% #BDD6CE	RGB 189 214 206	#BDD6CE
33.3%	33.3% #C2D8C6	RGB 194 216 198	#C2D8C6
50.0%	50.0% #CDDAC7	RGB 205 218 199	#CDDAC7
66.7%	66.7% #D8DBCD	RGB 216 219 205	#D8DBCD
83.3%	83.3% #DDDAD2	RGB 221 218 210	#DDDAD2
100.0%	100.0% #DFDAD8	RGB 223 218 216	#DFDAD8

#B8D1D5 #BDD6CE #C2D8C6 #CDDAC7 #D8DBCD #DDDAD2 #DFDAD8

#B8D1D5 - #CDDAC7 - #DFDAD8

CSS codes

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

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