#9F9F9F - #BDFFBD | 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 #9F9F9F to #BDFFBD

#9F9F9F #BDFFBD

Calculate the color between two colors, #9F9F9F and #BDFFBD. 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)

#9F9F9F - #BDFFBD | 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 #9F9F9F as 0% and #BDFFBD as 100%.

0.0%	0.0% #9F9F9F	RGB 159 159 159	#9F9F9F
16.7%	16.7% #A4AFA4	RGB 164 175 164	#A4AFA4
33.3%	33.3% #A9BFA9	RGB 169 191 169	#A9BFA9
50.0%	50.0% #AECFAE	RGB 174 207 174	#AECFAE
66.7%	66.7% #B3DFB3	RGB 179 223 179	#B3DFB3
83.3%	83.3% #B8EFB8	RGB 184 239 184	#B8EFB8
100.0%	100.0% #BDFFBD	RGB 189 255 189	#BDFFBD

#9F9F9F #A4AFA4 #A9BFA9 #AECFAE #B3DFB3 #B8EFB8 #BDFFBD

#9F9F9F - #BDFFBD

HSV Blend

#9F9F9F - #BDFFBD | 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 #9F9F9F as 0% and #BDFFBD as 100%.

0.0%	0.0% #9F9F9F	RGB 159 159 159	#9F9F9F
16.7%	16.7% #AFA9A7	RGB 175 169 167	#AFA9A7
33.3%	33.3% #BFB9AE	RGB 191 185 174	#BFB9AE
50.0%	50.0% #CFCFB4	RGB 207 207 180	#CFCFB4
66.7%	66.7% #D2DFB8	RGB 210 223 184	#D2DFB8
83.3%	83.3% #CCEFBB	RGB 204 239 187	#CCEFBB
100.0%	100.0% #BDFFBD	RGB 189 255 189	#BDFFBD

#9F9F9F #AFA9A7 #BFB9AE #CFCFB4 #D2DFB8 #CCEFBB #BDFFBD

#9F9F9F - #CFCFB4 - #BDFFBD

CSS codes

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

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