#B0C8C8 - #C9DFBE | 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 #B0C8C8 to #C9DFBE

#B0C8C8 #C9DFBE

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

#B0C8C8 - #C9DFBE | 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 #B0C8C8 as 0% and #C9DFBE as 100%.

0.0%	0.0% #B0C8C8	RGB 176 200 200	#B0C8C8
16.7%	16.7% #B4CBC6	RGB 180 203 198	#B4CBC6
33.3%	33.3% #B8CFC4	RGB 184 207 196	#B8CFC4
50.0%	50.0% #BCD3C3	RGB 188 211 195	#BCD3C3
66.7%	66.7% #C0D7C1	RGB 192 215 193	#C0D7C1
83.3%	83.3% #C4DBBF	RGB 196 219 191	#C4DBBF
100.0%	100.0% #C9DFBE	RGB 201 223 190	#C9DFBE

#B0C8C8 #B4CBC6 #B8CFC4 #BCD3C3 #C0D7C1 #C4DBBF #C9DFBE

#B0C8C8 - #C9DFBE

HSV Blend

#B0C8C8 - #C9DFBE | 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 #B0C8C8 as 0% and #C9DFBE as 100%.

0.0%	0.0% #B0C8C8	RGB 176 200 200	#B0C8C8
16.7%	16.7% #B2CBC6	RGB 178 203 198	#B2CBC6
33.3%	33.3% #B4CFC3	RGB 180 207 195	#B4CFC3
50.0%	50.0% #B7D3C0	RGB 183 211 192	#B7D3C0
66.7%	66.7% #B9D7BC	RGB 185 215 188	#B9D7BC
83.3%	83.3% #BFDBBB	RGB 191 219 187	#BFDBBB
100.0%	100.0% #C9DFBE	RGB 201 223 190	#C9DFBE

#B0C8C8 #B2CBC6 #B4CFC3 #B7D3C0 #B9D7BC #BFDBBB #C9DFBE

#B0C8C8 - #B7D3C0 - #C9DFBE

CSS codes

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

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