#8A8A8C - #D8AD9D | 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 #8A8A8C to #D8AD9D

#8A8A8C #D8AD9D

Calculate the color between two colors, #8A8A8C and #D8AD9D. 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)

#8A8A8C - #D8AD9D | 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 #8A8A8C as 0% and #D8AD9D as 100%.

0.0%	0.0% #8A8A8C	RGB 138 138 140	#8A8A8C
16.7%	16.7% #978F8E	RGB 151 143 142	#978F8E
33.3%	33.3% #A49591	RGB 164 149 145	#A49591
50.0%	50.0% #B19B94	RGB 177 155 148	#B19B94
66.7%	66.7% #BEA197	RGB 190 161 151	#BEA197
83.3%	83.3% #CBA79A	RGB 203 167 154	#CBA79A
100.0%	100.0% #D8AD9D	RGB 216 173 157	#D8AD9D

#8A8A8C #978F8E #A49591 #B19B94 #BEA197 #CBA79A #D8AD9D

#8A8A8C - #D8AD9D

HSV Blend

#8A8A8C - #D8AD9D | 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 #8A8A8C as 0% and #D8AD9D as 100%.

0.0%	0.0% #8A8A8C	RGB 138 138 140	#8A8A8C
16.7%	16.7% #938F98	RGB 147 143 152	#938F98
33.3%	33.3% #A194A5	RGB 161 148 165	#A194A5
50.0%	50.0% #B298AE	RGB 178 152 174	#B298AE
66.7%	66.7% #BE9BAC	RGB 190 155 172	#BE9BAC
83.3%	83.3% #CB9CA1	RGB 203 156 161	#CB9CA1
100.0%	100.0% #D8AD9D	RGB 216 173 157	#D8AD9D

#8A8A8C #938F98 #A194A5 #B298AE #BE9BAC #CB9CA1 #D8AD9D

#8A8A8C - #B298AE - #D8AD9D

CSS codes

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

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