#B0B1A8 - #C8C0E3 | 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 #B0B1A8 to #C8C0E3

#B0B1A8 #C8C0E3

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

#B0B1A8 - #C8C0E3 | 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 #B0B1A8 as 0% and #C8C0E3 as 100%.

0.0%	0.0% #B0B1A8	RGB 176 177 168	#B0B1A8
16.7%	16.7% #B4B3B1	RGB 180 179 177	#B4B3B1
33.3%	33.3% #B8B6BB	RGB 184 182 187	#B8B6BB
50.0%	50.0% #BCB8C5	RGB 188 184 197	#BCB8C5
66.7%	66.7% #C0BBCF	RGB 192 187 207	#C0BBCF
83.3%	83.3% #C4BDD9	RGB 196 189 217	#C4BDD9
100.0%	100.0% #C8C0E3	RGB 200 192 227	#C8C0E3

#B0B1A8 #B4B3B1 #B8B6BB #BCB8C5 #C0BBCF #C4BDD9 #C8C0E3

#B0B1A8 - #C8C0E3

HSV Blend

#B0B1A8 - #C8C0E3 | 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 #B0B1A8 as 0% and #C8C0E3 as 100%.

0.0%	0.0% #B0B1A8	RGB 176 177 168	#B0B1A8
16.7%	16.7% #B9B4AC	RGB 185 180 172	#B9B4AC
33.3%	33.3% #C1B3B1	RGB 193 179 177	#C1B3B1
50.0%	50.0% #CAB5BC	RGB 202 181 188	#CAB5BC
66.7%	66.7% #D2B9CD	RGB 210 185 205	#D2B9CD
83.3%	83.3% #D1BCDA	RGB 209 188 218	#D1BCDA
100.0%	100.0% #C8C0E3	RGB 200 192 227	#C8C0E3

#B0B1A8 #B9B4AC #C1B3B1 #CAB5BC #D2B9CD #D1BCDA #C8C0E3

#B0B1A8 - #CAB5BC - #C8C0E3

CSS codes

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

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