#B8D4DA - #DFDEDB | 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 #B8D4DA to #DFDEDB

#B8D4DA #DFDEDB

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

#B8D4DA - #DFDEDB | 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 #B8D4DA as 0% and #DFDEDB as 100%.

0.0%	0.0% #B8D4DA	RGB 184 212 218	#B8D4DA
16.7%	16.7% #BED5DA	RGB 190 213 218	#BED5DA
33.3%	33.3% #C5D7DA	RGB 197 215 218	#C5D7DA
50.0%	50.0% #CBD9DA	RGB 203 217 218	#CBD9DA
66.7%	66.7% #D2DADA	RGB 210 218 218	#D2DADA
83.3%	83.3% #D8DCDA	RGB 216 220 218	#D8DCDA
100.0%	100.0% #DFDEDB	RGB 223 222 219	#DFDEDB

#B8D4DA #BED5DA #C5D7DA #CBD9DA #D2DADA #D8DCDA #DFDEDB

#B8D4DA - #DFDEDB

HSV Blend

#B8D4DA - #DFDEDB | 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 #B8D4DA as 0% and #DFDEDB as 100%.

0.0%	0.0% #B8D4DA	RGB 184 212 218	#B8D4DA
16.7%	16.7% #BDDAD4	RGB 189 218 212	#BDDAD4
33.3%	33.3% #C3DBCC	RGB 195 219 204	#C3DBCC
50.0%	50.0% #CADCC9	RGB 202 220 201	#CADCC9
66.7%	66.7% #D5DDCF	RGB 213 221 207	#D5DDCF
83.3%	83.3% #DCDED5	RGB 220 222 213	#DCDED5
100.0%	100.0% #DFDEDB	RGB 223 222 219	#DFDEDB

#B8D4DA #BDDAD4 #C3DBCC #CADCC9 #D5DDCF #DCDED5 #DFDEDB

#B8D4DA - #CADCC9 - #DFDEDB

CSS codes

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

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