#9F9DA1 - #C0E2B5 | 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 #9F9DA1 to #C0E2B5

#9F9DA1 #C0E2B5

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

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

0.0%	0.0% #9F9DA1	RGB 159 157 161	#9F9DA1
16.7%	16.7% #A4A8A4	RGB 164 168 164	#A4A8A4
33.3%	33.3% #AAB4A7	RGB 170 180 167	#AAB4A7
50.0%	50.0% #AFBFAB	RGB 175 191 171	#AFBFAB
66.7%	66.7% #B5CBAE	RGB 181 203 174	#B5CBAE
83.3%	83.3% #BAD6B1	RGB 186 214 177	#BAD6B1
100.0%	100.0% #C0E2B5	RGB 192 226 181	#C0E2B5

#9F9DA1 #A4A8A4 #AAB4A7 #AFBFAB #B5CBAE #BAD6B1 #C0E2B5

#9F9DA1 - #C0E2B5

HSV Blend

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

0.0%	0.0% #9F9DA1	RGB 159 157 161	#9F9DA1
16.7%	16.7% #A2A2AB	RGB 162 162 171	#A2A2AB
33.3%	33.3% #A7ADB6	RGB 167 173 182	#A7ADB6
50.0%	50.0% #ABBEC1	RGB 171 190 193	#ABBEC1
66.7%	66.7% #AFCCC2	RGB 175 204 194	#AFCCC2
83.3%	83.3% #B2D7BA	RGB 178 215 186	#B2D7BA
100.0%	100.0% #C0E2B5	RGB 192 226 181	#C0E2B5

#9F9DA1 #A2A2AB #A7ADB6 #ABBEC1 #AFCCC2 #B2D7BA #C0E2B5

#9F9DA1 - #ABBEC1 - #C0E2B5

CSS codes

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

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