#B0ACC7 - #DDE2D0 | 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 #B0ACC7 to #DDE2D0

#B0ACC7 #DDE2D0

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

#B0ACC7 - #DDE2D0 | 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 #B0ACC7 as 0% and #DDE2D0 as 100%.

0.0%	0.0% #B0ACC7	RGB 176 172 199	#B0ACC7
16.7%	16.7% #B7B5C8	RGB 183 181 200	#B7B5C8
33.3%	33.3% #BFBECA	RGB 191 190 202	#BFBECA
50.0%	50.0% #C6C7CB	RGB 198 199 203	#C6C7CB
66.7%	66.7% #CED0CD	RGB 206 208 205	#CED0CD
83.3%	83.3% #D5D9CE	RGB 213 217 206	#D5D9CE
100.0%	100.0% #DDE2D0	RGB 221 226 208	#DDE2D0

#B0ACC7 #B7B5C8 #BFBECA #C6C7CB #CED0CD #D5D9CE #DDE2D0

#B0ACC7 - #DDE2D0

HSV Blend

#B0ACC7 - #DDE2D0 | 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 #B0ACC7 as 0% and #DDE2D0 as 100%.

0.0%	0.0% #B0ACC7	RGB 176 172 199	#B0ACC7
16.7%	16.7% #B1BACB	RGB 177 186 203	#B1BACB
33.3%	33.3% #B7CBD0	RGB 183 203 208	#B7CBD0
50.0%	50.0% #BDD4CD	RGB 189 212 205	#BDD4CD
66.7%	66.7% #C3D9C8	RGB 195 217 200	#C3D9C8
83.3%	83.3% #CEDDC9	RGB 206 221 201	#CEDDC9
100.0%	100.0% #DDE2D0	RGB 221 226 208	#DDE2D0

#B0ACC7 #B1BACB #B7CBD0 #BDD4CD #C3D9C8 #CEDDC9 #DDE2D0

#B0ACC7 - #BDD4CD - #DDE2D0

CSS codes

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

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