#9FCB9F - #CFCFCF | 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 #9FCB9F to #CFCFCF

#9FCB9F #CFCFCF

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

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

0.0%	0.0% #9FCB9F	RGB 159 203 159	#9FCB9F
16.7%	16.7% #A7CBA7	RGB 167 203 167	#A7CBA7
33.3%	33.3% #AFCCAF	RGB 175 204 175	#AFCCAF
50.0%	50.0% #B7CDB7	RGB 183 205 183	#B7CDB7
66.7%	66.7% #BFCDBF	RGB 191 205 191	#BFCDBF
83.3%	83.3% #C7CEC7	RGB 199 206 199	#C7CEC7
100.0%	100.0% #CFCFCF	RGB 207 207 207	#CFCFCF

#9FCB9F #A7CBA7 #AFCCAF #B7CDB7 #BFCDBF #C7CEC7 #CFCFCF

#9FCB9F - #CFCFCF

HSV Blend

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

0.0%	0.0% #9FCB9F	RGB 159 203 159	#9FCB9F
16.7%	16.7% #B3CBA6	RGB 179 203 166	#B3CBA6
33.3%	33.3% #C2CCAE	RGB 194 204 174	#C2CCAE
50.0%	50.0% #CDCDB6	RGB 205 205 182	#CDCDB6
66.7%	66.7% #CDC8BE	RGB 205 200 190	#CDC8BE
83.3%	83.3% #CEC9C6	RGB 206 201 198	#CEC9C6
100.0%	100.0% #CFCFCF	RGB 207 207 207	#CFCFCF

#9FCB9F #B3CBA6 #C2CCAE #CDCDB6 #CDC8BE #CEC9C6 #CFCFCF

#9FCB9F - #CDCDB6 - #CFCFCF

CSS codes

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

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