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

#B7B7B7 #FFD1F6

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

0.0%	0.0% #B7B7B7	RGB 183 183 183	#B7B7B7
16.7%	16.7% #C3BBC1	RGB 195 187 193	#C3BBC1
33.3%	33.3% #CFBFCC	RGB 207 191 204	#CFBFCC
50.0%	50.0% #DBC4D6	RGB 219 196 214	#DBC4D6
66.7%	66.7% #E7C8E1	RGB 231 200 225	#E7C8E1
83.3%	83.3% #F3CCEB	RGB 243 204 235	#F3CCEB
100.0%	100.0% #FFD1F6	RGB 255 209 246	#FFD1F6

#B7B7B7 #C3BBC1 #CFBFCC #DBC4D6 #E7C8E1 #F3CCEB #FFD1F6

#B7B7B7 - #FFD1F6

HSV Blend

#B7B7B7 - #FFD1F6 | 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 #FFD1F6 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% #DBC7CF	RGB 219 199 207	#DBC7CF
66.7%	66.7% #E7CBDA	RGB 231 203 218	#E7CBDA
83.3%	83.3% #F3CEE6	RGB 243 206 230	#F3CEE6
100.0%	100.0% #FFD1F6	RGB 255 209 246	#FFD1F6

#B7B7B7 #C3BDBD #CFC2C5 #DBC7CF #E7CBDA #F3CEE6 #FFD1F6

#B7B7B7 - #DBC7CF - #FFD1F6

CSS codes

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

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