#B8A8C9 - #BDDCDF | 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 #B8A8C9 to #BDDCDF

#B8A8C9 #BDDCDF

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

#B8A8C9 - #BDDCDF | 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 #B8A8C9 as 0% and #BDDCDF as 100%.

0.0%	0.0% #B8A8C9	RGB 184 168 201	#B8A8C9
16.7%	16.7% #B8B0CC	RGB 184 176 204	#B8B0CC
33.3%	33.3% #B9B9D0	RGB 185 185 208	#B9B9D0
50.0%	50.0% #BAC2D4	RGB 186 194 212	#BAC2D4
66.7%	66.7% #BBCAD7	RGB 187 202 215	#BBCAD7
83.3%	83.3% #BCD3DB	RGB 188 211 219	#BCD3DB
100.0%	100.0% #BDDCDF	RGB 189 220 223	#BDDCDF

#B8A8C9 #B8B0CC #B9B9D0 #BAC2D4 #BBCAD7 #BCD3DB #BDDCDF

#B8A8C9 - #BDDCDF

HSV Blend

#B8A8C9 - #BDDCDF | 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 #B8A8C9 as 0% and #BDDCDF as 100%.

0.0%	0.0% #B8A8C9	RGB 184 168 201	#B8A8C9
16.7%	16.7% #B3ABCC	RGB 179 171 204	#B3ABCC
33.3%	33.3% #AFAED0	RGB 175 174 208	#AFAED0
50.0%	50.0% #B2B9D4	RGB 178 185 212	#B2B9D4
66.7%	66.7% #B5C4D7	RGB 181 196 215	#B5C4D7
83.3%	83.3% #B9D0DB	RGB 185 208 219	#B9D0DB
100.0%	100.0% #BDDCDF	RGB 189 220 223	#BDDCDF

#B8A8C9 #B3ABCC #AFAED0 #B2B9D4 #B5C4D7 #B9D0DB #BDDCDF

#B8A8C9 - #B2B9D4 - #BDDCDF

CSS codes

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

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