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

#B5A8C3 #B9DBDD

Calculate the color between two colors, #B5A8C3 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)

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

0.0%	0.0% #B5A8C3	RGB 181 168 195	#B5A8C3
16.7%	16.7% #B5B0C7	RGB 181 176 199	#B5B0C7
33.3%	33.3% #B6B9CB	RGB 182 185 203	#B6B9CB
50.0%	50.0% #B7C1D0	RGB 183 193 208	#B7C1D0
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

#B5A8C3 #B5B0C7 #B6B9CB #B7C1D0 #B7CAD4 #B8D2D8 #B9DBDD

#B5A8C3 - #B9DBDD

HSV Blend

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

0.0%	0.0% #B5A8C3	RGB 181 168 195	#B5A8C3
16.7%	16.7% #B1AAC7	RGB 177 170 199	#B1AAC7
33.3%	33.3% #ADADCB	RGB 173 173 203	#ADADCB
50.0%	50.0% #B0B7D0	RGB 176 183 208	#B0B7D0
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

#B5A8C3 #B1AAC7 #ADADCB #B0B7D0 #B3C2D4 #B6CED8 #B9DBDD

#B5A8C3 - #B0B7D0 - #B9DBDD

CSS codes

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

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