#B7B7B7 - #FFD1EF | 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 #FFD1EF

#B7B7B7 #FFD1EF

Calculate the color between two colors, #B7B7B7 and #FFD1EF. 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 - #FFD1EF | 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 #FFD1EF as 100%.

0.0%	0.0% #B7B7B7	RGB 183 183 183	#B7B7B7
16.7%	16.7% #C3BBC0	RGB 195 187 192	#C3BBC0
33.3%	33.3% #CFBFC9	RGB 207 191 201	#CFBFC9
50.0%	50.0% #DBC4D3	RGB 219 196 211	#DBC4D3
66.7%	66.7% #E7C8DC	RGB 231 200 220	#E7C8DC
83.3%	83.3% #F3CCE5	RGB 243 204 229	#F3CCE5
100.0%	100.0% #FFD1EF	RGB 255 209 239	#FFD1EF

#B7B7B7 #C3BBC0 #CFBFC9 #DBC4D3 #E7C8DC #F3CCE5 #FFD1EF

#B7B7B7 - #FFD1EF

HSV Blend

#B7B7B7 - #FFD1EF | 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 #FFD1EF as 100%.

0.0%	0.0% #B7B7B7	RGB 183 183 183	#B7B7B7
16.7%	16.7% #C3BDBD	RGB 195 189 189	#C3BDBD
33.3%	33.3% #CFC2C5	RGB 207 194 197	#CFC2C5
50.0%	50.0% #DBC7CD	RGB 219 199 205	#DBC7CD
66.7%	66.7% #E7CBD7	RGB 231 203 215	#E7CBD7
83.3%	83.3% #F3CEE2	RGB 243 206 226	#F3CEE2
100.0%	100.0% #FFD1EF	RGB 255 209 239	#FFD1EF

#B7B7B7 #C3BDBD #CFC2C5 #DBC7CD #E7CBD7 #F3CEE2 #FFD1EF

#B7B7B7 - #DBC7CD - #FFD1EF

CSS codes

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

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