#B5AEA0 - #C5C7E4 | 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 #B5AEA0 to #C5C7E4

#B5AEA0 #C5C7E4

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

#B5AEA0 - #C5C7E4 | 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 #B5AEA0 as 0% and #C5C7E4 as 100%.

0.0%	0.0% #B5AEA0	RGB 181 174 160	#B5AEA0
16.7%	16.7% #B7B2AB	RGB 183 178 171	#B7B2AB
33.3%	33.3% #BAB6B6	RGB 186 182 182	#BAB6B6
50.0%	50.0% #BDBAC2	RGB 189 186 194	#BDBAC2
66.7%	66.7% #BFBECD	RGB 191 190 205	#BFBECD
83.3%	83.3% #C2C2D8	RGB 194 194 216	#C2C2D8
100.0%	100.0% #C5C7E4	RGB 197 199 228	#C5C7E4

#B5AEA0 #B7B2AB #BAB6B6 #BDBAC2 #BFBECD #C2C2D8 #C5C7E4

#B5AEA0 - #C5C7E4

HSV Blend

#B5AEA0 - #C5C7E4 | 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 #B5AEA0 as 0% and #C5C7E4 as 100%.

0.0%	0.0% #B5AEA0	RGB 181 174 160	#B5AEA0
16.7%	16.7% #BCABA6	RGB 188 171 166	#BCABA6
33.3%	33.3% #C4ACB2	RGB 196 172 178	#C4ACB2
50.0%	50.0% #CCB2C4	RGB 204 178 196	#CCB2C4
66.7%	66.7% #D0B8D4	RGB 208 184 212	#D0B8D4
83.3%	83.3% #CABEDC	RGB 202 190 220	#CABEDC
100.0%	100.0% #C5C7E4	RGB 197 199 228	#C5C7E4

#B5AEA0 #BCABA6 #C4ACB2 #CCB2C4 #D0B8D4 #CABEDC #C5C7E4

#B5AEA0 - #CCB2C4 - #C5C7E4

CSS codes

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

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