#B8BAB7 - #CEFFDC | 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 #B8BAB7 to #CEFFDC

#B8BAB7 #CEFFDC

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

#B8BAB7 - #CEFFDC | 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 #B8BAB7 as 0% and #CEFFDC as 100%.

0.0%	0.0% #B8BAB7	RGB 184 186 183	#B8BAB7
16.7%	16.7% #BBC5BD	RGB 187 197 189	#BBC5BD
33.3%	33.3% #BFD1C3	RGB 191 209 195	#BFD1C3
50.0%	50.0% #C3DCC9	RGB 195 220 201	#C3DCC9
66.7%	66.7% #C6E8CF	RGB 198 232 207	#C6E8CF
83.3%	83.3% #CAF3D5	RGB 202 243 213	#CAF3D5
100.0%	100.0% #CEFFDC	RGB 206 255 220	#CEFFDC

#B8BAB7 #BBC5BD #BFD1C3 #C3DCC9 #C6E8CF #CAF3D5 #CEFFDC

#B8BAB7 - #CEFFDC

HSV Blend

#B8BAB7 - #CEFFDC | 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 #B8BAB7 as 0% and #CEFFDC as 100%.

0.0%	0.0% #B8BAB7	RGB 184 186 183	#B8BAB7
16.7%	16.7% #BEC5BC	RGB 190 197 188	#BEC5BC
33.3%	33.3% #C3D1C1	RGB 195 209 193	#C3D1C1
50.0%	50.0% #C6DCC5	RGB 198 220 197	#C6DCC5
66.7%	66.7% #C9E8CB	RGB 201 232 203	#C9E8CB
83.3%	83.3% #CBF3D3	RGB 203 243 211	#CBF3D3
100.0%	100.0% #CEFFDC	RGB 206 255 220	#CEFFDC

#B8BAB7 #BEC5BC #C3D1C1 #C6DCC5 #C9E8CB #CBF3D3 #CEFFDC

#B8BAB7 - #C6DCC5 - #CEFFDC

CSS codes

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

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