#B5A8A0 - #C5D1E4 | 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 #B5A8A0 to #C5D1E4

#B5A8A0 #C5D1E4

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

#B5A8A0 - #C5D1E4 | 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 #B5A8A0 as 0% and #C5D1E4 as 100%.

0.0%	0.0% #B5A8A0	RGB 181 168 160	#B5A8A0
16.7%	16.7% #B7AEAB	RGB 183 174 171	#B7AEAB
33.3%	33.3% #BAB5B6	RGB 186 181 182	#BAB5B6
50.0%	50.0% #BDBCC2	RGB 189 188 194	#BDBCC2
66.7%	66.7% #BFC3CD	RGB 191 195 205	#BFC3CD
83.3%	83.3% #C2CAD8	RGB 194 202 216	#C2CAD8
100.0%	100.0% #C5D1E4	RGB 197 209 228	#C5D1E4

#B5A8A0 #B7AEAB #BAB5B6 #BDBCC2 #BFC3CD #C2CAD8 #C5D1E4

#B5A8A0 - #C5D1E4

HSV Blend

#B5A8A0 - #C5D1E4 | 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 #B5A8A0 as 0% and #C5D1E4 as 100%.

0.0%	0.0% #B5A8A0	RGB 181 168 160	#B5A8A0
16.7%	16.7% #BCA6A8	RGB 188 166 168	#BCA6A8
33.3%	33.3% #C4ACB9	RGB 196 172 185	#C4ACB9
50.0%	50.0% #CCB2CC	RGB 204 178 204	#CCB2CC
66.7%	66.7% #C7B8D4	RGB 199 184 212	#C7B8D4
83.3%	83.3% #C1BEDC	RGB 193 190 220	#C1BEDC
100.0%	100.0% #C5D1E4	RGB 197 209 228	#C5D1E4

#B5A8A0 #BCA6A8 #C4ACB9 #CCB2CC #C7B8D4 #C1BEDC #C5D1E4

#B5A8A0 - #CCB2CC - #C5D1E4

CSS codes

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

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