#B0BDB0 - #C0FFE5 | 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 #B0BDB0 to #C0FFE5

#B0BDB0 #C0FFE5

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

#B0BDB0 - #C0FFE5 | 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 #B0BDB0 as 0% and #C0FFE5 as 100%.

0.0%	0.0% #B0BDB0	RGB 176 189 176	#B0BDB0
16.7%	16.7% #B2C8B8	RGB 178 200 184	#B2C8B8
33.3%	33.3% #B5D3C1	RGB 181 211 193	#B5D3C1
50.0%	50.0% #B8DECA	RGB 184 222 202	#B8DECA
66.7%	66.7% #BAE9D3	RGB 186 233 211	#BAE9D3
83.3%	83.3% #BDF4DC	RGB 189 244 220	#BDF4DC
100.0%	100.0% #C0FFE5	RGB 192 255 229	#C0FFE5

#B0BDB0 #B2C8B8 #B5D3C1 #B8DECA #BAE9D3 #BDF4DC #C0FFE5

#B0BDB0 - #C0FFE5

HSV Blend

#B0BDB0 - #C0FFE5 | 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 #B0BDB0 as 0% and #C0FFE5 as 100%.

0.0%	0.0% #B0BDB0	RGB 176 189 176	#B0BDB0
16.7%	16.7% #B4C8B6	RGB 180 200 182	#B4C8B6
33.3%	33.3% #B7D3BD	RGB 183 211 189	#B7D3BD
50.0%	50.0% #BADEC5	RGB 186 222 197	#BADEC5
66.7%	66.7% #BDE9CE	RGB 189 233 206	#BDE9CE
83.3%	83.3% #BEF4D8	RGB 190 244 216	#BEF4D8
100.0%	100.0% #C0FFE5	RGB 192 255 229	#C0FFE5

#B0BDB0 #B4C8B6 #B7D3BD #BADEC5 #BDE9CE #BEF4D8 #C0FFE5

#B0BDB0 - #BADEC5 - #C0FFE5

CSS codes

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

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