#B5A8C2 - #B9DBDD | 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 #B5A8C2 to #B9DBDD

#B5A8C2 #B9DBDD

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

#B5A8C2 - #B9DBDD | 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 #B5A8C2 as 0% and #B9DBDD as 100%.

0.0%	0.0% #B5A8C2	RGB 181 168 194	#B5A8C2
16.7%	16.7% #B5B0C6	RGB 181 176 198	#B5B0C6
33.3%	33.3% #B6B9CB	RGB 182 185 203	#B6B9CB
50.0%	50.0% #B7C1CF	RGB 183 193 207	#B7C1CF
66.7%	66.7% #B7CAD4	RGB 183 202 212	#B7CAD4
83.3%	83.3% #B8D2D8	RGB 184 210 216	#B8D2D8
100.0%	100.0% #B9DBDD	RGB 185 219 221	#B9DBDD

#B5A8C2 #B5B0C6 #B6B9CB #B7C1CF #B7CAD4 #B8D2D8 #B9DBDD

#B5A8C2 - #B9DBDD

HSV Blend

#B5A8C2 - #B9DBDD | 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 #B5A8C2 as 0% and #B9DBDD as 100%.

0.0%	0.0% #B5A8C2	RGB 181 168 194	#B5A8C2
16.7%	16.7% #B2AAC6	RGB 178 170 198	#B2AAC6
33.3%	33.3% #AEADCB	RGB 174 173 203	#AEADCB
50.0%	50.0% #B0B7CF	RGB 176 183 207	#B0B7CF
66.7%	66.7% #B3C2D4	RGB 179 194 212	#B3C2D4
83.3%	83.3% #B6CED8	RGB 182 206 216	#B6CED8
100.0%	100.0% #B9DBDD	RGB 185 219 221	#B9DBDD

#B5A8C2 #B2AAC6 #AEADCB #B0B7CF #B3C2D4 #B6CED8 #B9DBDD

#B5A8C2 - #B0B7CF - #B9DBDD

CSS codes

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

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