#9D8C8C - #ACD4C4 | 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 #9D8C8C to #ACD4C4

#9D8C8C #ACD4C4

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

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

0.0%	0.0% #9D8C8C	RGB 157 140 140	#9D8C8C
16.7%	16.7% #9F9895	RGB 159 152 149	#9F9895
33.3%	33.3% #A2A49E	RGB 162 164 158	#A2A49E
50.0%	50.0% #A4B0A8	RGB 164 176 168	#A4B0A8
66.7%	66.7% #A7BCB1	RGB 167 188 177	#A7BCB1
83.3%	83.3% #A9C8BA	RGB 169 200 186	#A9C8BA
100.0%	100.0% #ACD4C4	RGB 172 212 196	#ACD4C4

#9D8C8C #9F9895 #A2A49E #A4B0A8 #A7BCB1 #A9C8BA #ACD4C4

#9D8C8C - #ACD4C4

HSV Blend

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

0.0%	0.0% #9D8C8C	RGB 157 140 140	#9D8C8C
16.7%	16.7% #A69A91	RGB 166 154 145	#A69A91
33.3%	33.3% #AFAC97	RGB 175 172 151	#AFAC97
50.0%	50.0% #B0B89D	RGB 176 184 157	#B0B89D
66.7%	66.7% #AAC1A2	RGB 170 193 162	#AAC1A2
83.3%	83.3% #A7CAAD	RGB 167 202 173	#A7CAAD
100.0%	100.0% #ACD4C4	RGB 172 212 196	#ACD4C4

#9D8C8C #A69A91 #AFAC97 #B0B89D #AAC1A2 #A7CAAD #ACD4C4

#9D8C8C - #B0B89D - #ACD4C4

CSS codes

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

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