#B4B5AC - #CBC3E4 | 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 #B4B5AC to #CBC3E4

#B4B5AC #CBC3E4

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

#B4B5AC - #CBC3E4 | 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 #B4B5AC as 0% and #CBC3E4 as 100%.

0.0%	0.0% #B4B5AC	RGB 180 181 172	#B4B5AC
16.7%	16.7% #B7B7B5	RGB 183 183 181	#B7B7B5
33.3%	33.3% #BBB9BE	RGB 187 185 190	#BBB9BE
50.0%	50.0% #BFBCC8	RGB 191 188 200	#BFBCC8
66.7%	66.7% #C3BED1	RGB 195 190 209	#C3BED1
83.3%	83.3% #C7C0DA	RGB 199 192 218	#C7C0DA
100.0%	100.0% #CBC3E4	RGB 203 195 228	#CBC3E4

#B4B5AC #B7B7B5 #BBB9BE #BFBCC8 #C3BED1 #C7C0DA #CBC3E4

#B4B5AC - #CBC3E4

HSV Blend

#B4B5AC - #CBC3E4 | 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 #B4B5AC as 0% and #CBC3E4 as 100%.

0.0%	0.0% #B4B5AC	RGB 180 181 172	#B4B5AC
16.7%	16.7% #BCB8B0	RGB 188 184 176	#BCB8B0
33.3%	33.3% #C4B7B4	RGB 196 183 180	#C4B7B4
50.0%	50.0% #CCB8BF	RGB 204 184 191	#CCB8BF
66.7%	66.7% #D4BCCF	RGB 212 188 207	#D4BCCF
83.3%	83.3% #D4BFDC	RGB 212 191 220	#D4BFDC
100.0%	100.0% #CBC3E4	RGB 203 195 228	#CBC3E4

#B4B5AC #BCB8B0 #C4B7B4 #CCB8BF #D4BCCF #D4BFDC #CBC3E4

#B4B5AC - #CCB8BF - #CBC3E4

CSS codes

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

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