#B7B7B7 - #F7FFD1 | 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 #B7B7B7 to #F7FFD1

#B7B7B7 #F7FFD1

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

#B7B7B7 - #F7FFD1 | 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 #B7B7B7 as 0% and #F7FFD1 as 100%.

0.0%	0.0% #B7B7B7	RGB 183 183 183	#B7B7B7
16.7%	16.7% #C1C3BB	RGB 193 195 187	#C1C3BB
33.3%	33.3% #CCCFBF	RGB 204 207 191	#CCCFBF
50.0%	50.0% #D7DBC4	RGB 215 219 196	#D7DBC4
66.7%	66.7% #E1E7C8	RGB 225 231 200	#E1E7C8
83.3%	83.3% #ECF3CC	RGB 236 243 204	#ECF3CC
100.0%	100.0% #F7FFD1	RGB 247 255 209	#F7FFD1

#B7B7B7 #C1C3BB #CCCFBF #D7DBC4 #E1E7C8 #ECF3CC #F7FFD1

#B7B7B7 - #F7FFD1

HSV Blend

#B7B7B7 - #F7FFD1 | 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 #B7B7B7 as 0% and #F7FFD1 as 100%.

0.0%	0.0% #B7B7B7	RGB 183 183 183	#B7B7B7
16.7%	16.7% #C3BEBD	RGB 195 190 189	#C3BEBD
33.3%	33.3% #CFC7C2	RGB 207 199 194	#CFC7C2
50.0%	50.0% #DBD2C7	RGB 219 210 199	#DBD2C7
66.7%	66.7% #E7E0CB	RGB 231 224 203	#E7E0CB
83.3%	83.3% #F3F2CE	RGB 243 242 206	#F3F2CE
100.0%	100.0% #F7FFD1	RGB 247 255 209	#F7FFD1

#B7B7B7 #C3BEBD #CFC7C2 #DBD2C7 #E7E0CB #F3F2CE #F7FFD1

#B7B7B7 - #DBD2C7 - #F7FFD1

CSS codes

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

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