#9A8A8C - #D59EE3 | 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 #9A8A8C to #D59EE3

#9A8A8C #D59EE3

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

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

0.0%	0.0% #9A8A8C	RGB 154 138 140	#9A8A8C
16.7%	16.7% #A38D9A	RGB 163 141 154	#A38D9A
33.3%	33.3% #AD90A9	RGB 173 144 169	#AD90A9
50.0%	50.0% #B794B7	RGB 183 148 183	#B794B7
66.7%	66.7% #C197C6	RGB 193 151 198	#C197C6
83.3%	83.3% #CB9AD4	RGB 203 154 212	#CB9AD4
100.0%	100.0% #D59EE3	RGB 213 158 227	#D59EE3

#9A8A8C #A38D9A #AD90A9 #B794B7 #C197C6 #CB9AD4 #D59EE3

#9A8A8C - #D59EE3

HSV Blend

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

0.0%	0.0% #9A8A8C	RGB 154 138 140	#9A8A8C
16.7%	16.7% #A68F96	RGB 166 143 150	#A68F96
33.3%	33.3% #B293A2	RGB 178 147 162	#B293A2
50.0%	50.0% #BE97B1	RGB 190 151 177	#BE97B1
66.7%	66.7% #CA9AC3	RGB 202 154 195	#CA9AC3
83.3%	83.3% #D59CD6	RGB 213 156 214	#D59CD6
100.0%	100.0% #D59EE3	RGB 213 158 227	#D59EE3

#9A8A8C #A68F96 #B293A2 #BE97B1 #CA9AC3 #D59CD6 #D59EE3

#9A8A8C - #BE97B1 - #D59EE3

CSS codes

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

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