#B6C1B8 - #CFE3C0 | 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 #B6C1B8 to #CFE3C0

#B6C1B8 #CFE3C0

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

#B6C1B8 - #CFE3C0 | 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 #B6C1B8 as 0% and #CFE3C0 as 100%.

0.0%	0.0% #B6C1B8	RGB 182 193 184	#B6C1B8
16.7%	16.7% #BAC6B9	RGB 186 198 185	#BAC6B9
33.3%	33.3% #BECCBA	RGB 190 204 186	#BECCBA
50.0%	50.0% #C2D2BC	RGB 194 210 188	#C2D2BC
66.7%	66.7% #C6D7BD	RGB 198 215 189	#C6D7BD
83.3%	83.3% #CADDBE	RGB 202 221 190	#CADDBE
100.0%	100.0% #CFE3C0	RGB 207 227 192	#CFE3C0

#B6C1B8 #BAC6B9 #BECCBA #C2D2BC #C6D7BD #CADDBE #CFE3C0

#B6C1B8 - #CFE3C0

HSV Blend

#B6C1B8 - #CFE3C0 | 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 #B6C1B8 as 0% and #CFE3C0 as 100%.

0.0%	0.0% #B6C1B8	RGB 182 193 184	#B6C1B8
16.7%	16.7% #B8C6B9	RGB 184 198 185	#B8C6B9
33.3%	33.3% #BACCBA	RGB 186 204 186	#BACCBA
50.0%	50.0% #BED2BB	RGB 190 210 187	#BED2BB
66.7%	66.7% #C3D7BD	RGB 195 215 189	#C3D7BD
83.3%	83.3% #C8DDBE	RGB 200 221 190	#C8DDBE
100.0%	100.0% #CFE3C0	RGB 207 227 192	#CFE3C0

#B6C1B8 #B8C6B9 #BACCBA #BED2BB #C3D7BD #C8DDBE #CFE3C0

#B6C1B8 - #BED2BB - #CFE3C0

CSS codes

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

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