#B2BAD9 - #FFD8D4 | 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 #B2BAD9 to #FFD8D4

#B2BAD9 #FFD8D4

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

#B2BAD9 - #FFD8D4 | 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 #B2BAD9 as 0% and #FFD8D4 as 100%.

0.0%	0.0% #B2BAD9	RGB 178 186 217	#B2BAD9
16.7%	16.7% #BEBFD8	RGB 190 191 216	#BEBFD8
33.3%	33.3% #CBC4D7	RGB 203 196 215	#CBC4D7
50.0%	50.0% #D8C9D6	RGB 216 201 214	#D8C9D6
66.7%	66.7% #E5CED5	RGB 229 206 213	#E5CED5
83.3%	83.3% #F2D3D4	RGB 242 211 212	#F2D3D4
100.0%	100.0% #FFD8D4	RGB 255 216 212	#FFD8D4

#B2BAD9 #BEBFD8 #CBC4D7 #D8C9D6 #E5CED5 #F2D3D4 #FFD8D4

#B2BAD9 - #FFD8D4

HSV Blend

#B2BAD9 - #FFD8D4 | 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 #B2BAD9 as 0% and #FFD8D4 as 100%.

0.0%	0.0% #B2BAD9	RGB 178 186 217	#B2BAD9
16.7%	16.7% #BEB7DF	RGB 190 183 223	#BEB7DF
33.3%	33.3% #D3BDE5	RGB 211 189 229	#D3BDE5
50.0%	50.0% #E9C2EC	RGB 233 194 236	#E9C2EC
66.7%	66.7% #F2C8E4	RGB 242 200 228	#F2C8E4
83.3%	83.3% #F8CEDA	RGB 248 206 218	#F8CEDA
100.0%	100.0% #FFD8D4	RGB 255 216 212	#FFD8D4

#B2BAD9 #BEB7DF #D3BDE5 #E9C2EC #F2C8E4 #F8CEDA #FFD8D4

#B2BAD9 - #E9C2EC - #FFD8D4

CSS codes

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

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