#B5C7C7 - #C8DFBE | 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 #B5C7C7 to #C8DFBE

#B5C7C7 #C8DFBE

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

#B5C7C7 - #C8DFBE | 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 #B5C7C7 as 0% and #C8DFBE as 100%.

0.0%	0.0% #B5C7C7	RGB 181 199 199	#B5C7C7
16.7%	16.7% #B8CBC5	RGB 184 203 197	#B8CBC5
33.3%	33.3% #BBCFC4	RGB 187 207 196	#BBCFC4
50.0%	50.0% #BED3C2	RGB 190 211 194	#BED3C2
66.7%	66.7% #C1D7C1	RGB 193 215 193	#C1D7C1
83.3%	83.3% #C4DBBF	RGB 196 219 191	#C4DBBF
100.0%	100.0% #C8DFBE	RGB 200 223 190	#C8DFBE

#B5C7C7 #B8CBC5 #BBCFC4 #BED3C2 #C1D7C1 #C4DBBF #C8DFBE

#B5C7C7 - #C8DFBE

HSV Blend

#B5C7C7 - #C8DFBE | 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 #B5C7C7 as 0% and #C8DFBE as 100%.

0.0%	0.0% #B5C7C7	RGB 181 199 199	#B5C7C7
16.7%	16.7% #B6CBC6	RGB 182 203 198	#B6CBC6
33.3%	33.3% #B8CFC5	RGB 184 207 197	#B8CFC5
50.0%	50.0% #B9D3C2	RGB 185 211 194	#B9D3C2
66.7%	66.7% #BBD7BE	RGB 187 215 190	#BBD7BE
83.3%	83.3% #BFDBBC	RGB 191 219 188	#BFDBBC
100.0%	100.0% #C8DFBE	RGB 200 223 190	#C8DFBE

#B5C7C7 #B6CBC6 #B8CFC5 #B9D3C2 #BBD7BE #BFDBBC #C8DFBE

#B5C7C7 - #B9D3C2 - #C8DFBE

CSS codes

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

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