#B7BED2 - #DFDED6 | 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 #B7BED2 to #DFDED6

#B7BED2 #DFDED6

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

#B7BED2 - #DFDED6 | 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 #B7BED2 as 0% and #DFDED6 as 100%.

0.0%	0.0% #B7BED2	RGB 183 190 210	#B7BED2
16.7%	16.7% #BDC3D2	RGB 189 195 210	#BDC3D2
33.3%	33.3% #C4C8D3	RGB 196 200 211	#C4C8D3
50.0%	50.0% #CBCED4	RGB 203 206 212	#CBCED4
66.7%	66.7% #D1D3D4	RGB 209 211 212	#D1D3D4
83.3%	83.3% #D8D8D5	RGB 216 216 213	#D8D8D5
100.0%	100.0% #DFDED6	RGB 223 222 214	#DFDED6

#B7BED2 #BDC3D2 #C4C8D3 #CBCED4 #D1D3D4 #D8D8D5 #DFDED6

#B7BED2 - #DFDED6

HSV Blend

#B7BED2 - #DFDED6 | 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 #B7BED2 as 0% and #DFDED6 as 100%.

0.0%	0.0% #B7BED2	RGB 183 190 210	#B7BED2
16.7%	16.7% #BCCDD4	RGB 188 205 212	#BCCDD4
33.3%	33.3% #C1D6D1	RGB 193 214 209	#C1D6D1
50.0%	50.0% #C6D8CB	RGB 198 216 203	#C6D8CB
66.7%	66.7% #CDDACB	RGB 205 218 203	#CDDACB
83.3%	83.3% #D8DCD0	RGB 216 220 208	#D8DCD0
100.0%	100.0% #DFDED6	RGB 223 222 214	#DFDED6

#B7BED2 #BCCDD4 #C1D6D1 #C6D8CB #CDDACB #D8DCD0 #DFDED6

#B7BED2 - #C6D8CB - #DFDED6

CSS codes

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

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