#B2B5D2 - #D9DAD4 | 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 #B2B5D2 to #D9DAD4

#B2B5D2 #D9DAD4

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

#B2B5D2 - #D9DAD4 | 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 #B2B5D2 as 0% and #D9DAD4 as 100%.

0.0%	0.0% #B2B5D2	RGB 178 181 210	#B2B5D2
16.7%	16.7% #B8BBD2	RGB 184 187 210	#B8BBD2
33.3%	33.3% #BFC1D2	RGB 191 193 210	#BFC1D2
50.0%	50.0% #C5C7D3	RGB 197 199 211	#C5C7D3
66.7%	66.7% #CCCDD3	RGB 204 205 211	#CCCDD3
83.3%	83.3% #D2D3D3	RGB 210 211 211	#D2D3D3
100.0%	100.0% #D9DAD4	RGB 217 218 212	#D9DAD4

#B2B5D2 #B8BBD2 #BFC1D2 #C5C7D3 #CCCDD3 #D2D3D3 #D9DAD4

#B2B5D2 - #D9DAD4

HSV Blend

#B2B5D2 - #D9DAD4 | 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 #B2B5D2 as 0% and #D9DAD4 as 100%.

0.0%	0.0% #B2B5D2	RGB 178 181 210	#B2B5D2
16.7%	16.7% #B7C6D3	RGB 183 198 211	#B7C6D3
33.3%	33.3% #BDD4D4	RGB 189 212 212	#BDD4D4
50.0%	50.0% #C2D6CD	RGB 194 214 205	#C2D6CD
66.7%	66.7% #C8D7C9	RGB 200 215 201	#C8D7C9
83.3%	83.3% #D2D8CE	RGB 210 216 206	#D2D8CE
100.0%	100.0% #D9DAD4	RGB 217 218 212	#D9DAD4

#B2B5D2 #B7C6D3 #BDD4D4 #C2D6CD #C8D7C9 #D2D8CE #D9DAD4

#B2B5D2 - #C2D6CD - #D9DAD4

CSS codes

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

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