#B2B2D3 - #D7D8D4 | 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 #B2B2D3 to #D7D8D4

#B2B2D3 #D7D8D4

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

#B2B2D3 - #D7D8D4 | 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 #B2B2D3 as 0% and #D7D8D4 as 100%.

0.0%	0.0% #B2B2D3	RGB 178 178 211	#B2B2D3
16.7%	16.7% #B8B8D3	RGB 184 184 211	#B8B8D3
33.3%	33.3% #BEBED3	RGB 190 190 211	#BEBED3
50.0%	50.0% #C4C5D3	RGB 196 197 211	#C4C5D3
66.7%	66.7% #CACBD3	RGB 202 203 211	#CACBD3
83.3%	83.3% #D0D1D3	RGB 208 209 211	#D0D1D3
100.0%	100.0% #D7D8D4	RGB 215 216 212	#D7D8D4

#B2B2D3 #B8B8D3 #BEBED3 #C4C5D3 #CACBD3 #D0D1D3 #D7D8D4

#B2B2D3 - #D7D8D4

HSV Blend

#B2B2D3 - #D7D8D4 | 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 #B2B2D3 as 0% and #D7D8D4 as 100%.

0.0%	0.0% #B2B2D3	RGB 178 178 211	#B2B2D3
16.7%	16.7% #B7C4D3	RGB 183 196 211	#B7C4D3
33.3%	33.3% #BDD2D4	RGB 189 210 212	#BDD2D4
50.0%	50.0% #C2D5CE	RGB 194 213 206	#C2D5CE
66.7%	66.7% #C8D6CA	RGB 200 214 202	#C8D6CA
83.3%	83.3% #D0D7CE	RGB 208 215 206	#D0D7CE
100.0%	100.0% #D7D8D4	RGB 215 216 212	#D7D8D4

#B2B2D3 #B7C4D3 #BDD2D4 #C2D5CE #C8D6CA #D0D7CE #D7D8D4

#B2B2D3 - #C2D5CE - #D7D8D4

CSS codes

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

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