#898A8C - #DAC2A2 | 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 #898A8C to #DAC2A2

#898A8C #DAC2A2

Calculate the color between two colors, #898A8C and #DAC2A2. 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)

#898A8C - #DAC2A2 | 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 #898A8C as 0% and #DAC2A2 as 100%.

0.0%	0.0% #898A8C	RGB 137 138 140	#898A8C
16.7%	16.7% #96938F	RGB 150 147 143	#96938F
33.3%	33.3% #A49C93	RGB 164 156 147	#A49C93
50.0%	50.0% #B1A697	RGB 177 166 151	#B1A697
66.7%	66.7% #BFAF9A	RGB 191 175 154	#BFAF9A
83.3%	83.3% #CCB89E	RGB 204 184 158	#CCB89E
100.0%	100.0% #DAC2A2	RGB 218 194 162	#DAC2A2

#898A8C #96938F #A49C93 #B1A697 #BFAF9A #CCB89E #DAC2A2

#898A8C - #DAC2A2

HSV Blend

#898A8C - #DAC2A2 | 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 #898A8C as 0% and #DAC2A2 as 100%.

0.0%	0.0% #898A8C	RGB 137 138 140	#898A8C
16.7%	16.7% #918F99	RGB 145 143 153	#918F99
33.3%	33.3% #9F95A6	RGB 159 149 166	#9F95A6
50.0%	50.0% #B39AB0	RGB 179 154 176	#B39AB0
66.7%	66.7% #C09DAB	RGB 192 157 171	#C09DAB
83.3%	83.3% #CDA4A0	RGB 205 164 160	#CDA4A0
100.0%	100.0% #DAC2A2	RGB 218 194 162	#DAC2A2

#898A8C #918F99 #9F95A6 #B39AB0 #C09DAB #CDA4A0 #DAC2A2

#898A8C - #B39AB0 - #DAC2A2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #898A8C 0%, #B39AB0 50%, #DAC2A2 100%);
    background: -webkit-linear-gradient(top, #898A8C 0%, #B39AB0 50%, #DAC2A2 100%);
    background: linear-gradient(to bottom, #898A8C 0%, #B39AB0 50%, #DAC2A2 100%);
}
</style>