#B8CADA - #DEDFDB | 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 #B8CADA to #DEDFDB

#B8CADA #DEDFDB

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

#B8CADA - #DEDFDB | 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 #B8CADA as 0% and #DEDFDB as 100%.

0.0%	0.0% #B8CADA	RGB 184 202 218	#B8CADA
16.7%	16.7% #BECDDA	RGB 190 205 218	#BECDDA
33.3%	33.3% #C4D1DA	RGB 196 209 218	#C4D1DA
50.0%	50.0% #CBD4DA	RGB 203 212 218	#CBD4DA
66.7%	66.7% #D1D8DA	RGB 209 216 218	#D1D8DA
83.3%	83.3% #D7DBDA	RGB 215 219 218	#D7DBDA
100.0%	100.0% #DEDFDB	RGB 222 223 219	#DEDFDB

#B8CADA #BECDDA #C4D1DA #CBD4DA #D1D8DA #D7DBDA #DEDFDB

#B8CADA - #DEDFDB

HSV Blend

#B8CADA - #DEDFDB | 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 #B8CADA as 0% and #DEDFDB as 100%.

0.0%	0.0% #B8CADA	RGB 184 202 218	#B8CADA
16.7%	16.7% #BDD7DA	RGB 189 215 218	#BDD7DA
33.3%	33.3% #C3DBD5	RGB 195 219 213	#C3DBD5
50.0%	50.0% #C9DCD0	RGB 201 220 208	#C9DCD0
66.7%	66.7% #CFDDCF	RGB 207 221 207	#CFDDCF
83.3%	83.3% #D8DED5	RGB 216 222 213	#D8DED5
100.0%	100.0% #DEDFDB	RGB 222 223 219	#DEDFDB

#B8CADA #BDD7DA #C3DBD5 #C9DCD0 #CFDDCF #D8DED5 #DEDFDB

#B8CADA - #C9DCD0 - #DEDFDB

CSS codes

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

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