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

#B7B7B7 #D1FFD4

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

0.0%	0.0% #B7B7B7	RGB 183 183 183	#B7B7B7
16.7%	16.7% #BBC3BB	RGB 187 195 187	#BBC3BB
33.3%	33.3% #BFCFC0	RGB 191 207 192	#BFCFC0
50.0%	50.0% #C4DBC5	RGB 196 219 197	#C4DBC5
66.7%	66.7% #C8E7CA	RGB 200 231 202	#C8E7CA
83.3%	83.3% #CCF3CF	RGB 204 243 207	#CCF3CF
100.0%	100.0% #D1FFD4	RGB 209 255 212	#D1FFD4

#B7B7B7 #BBC3BB #BFCFC0 #C4DBC5 #C8E7CA #CCF3CF #D1FFD4

#B7B7B7 - #D1FFD4

HSV Blend

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

0.0%	0.0% #B7B7B7	RGB 183 183 183	#B7B7B7
16.7%	16.7% #C3BFBD	RGB 195 191 189	#C3BFBD
33.3%	33.3% #CFCBC2	RGB 207 203 194	#CFCBC2
50.0%	50.0% #DADBC7	RGB 218 219 199	#DADBC7
66.7%	66.7% #DCE7CB	RGB 220 231 203	#DCE7CB
83.3%	83.3% #D8F3CE	RGB 216 243 206	#D8F3CE
100.0%	100.0% #D1FFD4	RGB 209 255 212	#D1FFD4

#B7B7B7 #C3BFBD #CFCBC2 #DADBC7 #DCE7CB #D8F3CE #D1FFD4

#B7B7B7 - #DADBC7 - #D1FFD4

CSS codes

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

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