#B5C0AC - #CBFFE7 | 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 #B5C0AC to #CBFFE7

#B5C0AC #CBFFE7

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

#B5C0AC - #CBFFE7 | 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 #B5C0AC as 0% and #CBFFE7 as 100%.

0.0%	0.0% #B5C0AC	RGB 181 192 172	#B5C0AC
16.7%	16.7% #B8CAB5	RGB 184 202 181	#B8CAB5
33.3%	33.3% #BCD5BF	RGB 188 213 191	#BCD5BF
50.0%	50.0% #C0DFC9	RGB 192 223 201	#C0DFC9
66.7%	66.7% #C3EAD3	RGB 195 234 211	#C3EAD3
83.3%	83.3% #C7F4DD	RGB 199 244 221	#C7F4DD
100.0%	100.0% #CBFFE7	RGB 203 255 231	#CBFFE7

#B5C0AC #B8CAB5 #BCD5BF #C0DFC9 #C3EAD3 #C7F4DD #CBFFE7

#B5C0AC - #CBFFE7

HSV Blend

#B5C0AC - #CBFFE7 | 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 #B5C0AC as 0% and #CBFFE7 as 100%.

0.0%	0.0% #B5C0AC	RGB 181 192 172	#B5C0AC
16.7%	16.7% #B9CAB2	RGB 185 202 178	#B9CAB2
33.3%	33.3% #BBD5B7	RGB 187 213 183	#BBD5B7
50.0%	50.0% #BDDFBE	RGB 189 223 190	#BDDFBE
66.7%	66.7% #C2EACA	RGB 194 234 202	#C2EACA
83.3%	83.3% #C6F4D7	RGB 198 244 215	#C6F4D7
100.0%	100.0% #CBFFE7	RGB 203 255 231	#CBFFE7

#B5C0AC #B9CAB2 #BBD5B7 #BDDFBE #C2EACA #C6F4D7 #CBFFE7

#B5C0AC - #BDDFBE - #CBFFE7

CSS codes

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

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