#9A8C91 - #D5A3E5 | 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 #9A8C91 to #D5A3E5

#9A8C91 #D5A3E5

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

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

0.0%	0.0% #9A8C91	RGB 154 140 145	#9A8C91
16.7%	16.7% #A38F9F	RGB 163 143 159	#A38F9F
33.3%	33.3% #AD93AD	RGB 173 147 173	#AD93AD
50.0%	50.0% #B797BB	RGB 183 151 187	#B797BB
66.7%	66.7% #C19BC9	RGB 193 155 201	#C19BC9
83.3%	83.3% #CB9FD7	RGB 203 159 215	#CB9FD7
100.0%	100.0% #D5A3E5	RGB 213 163 229	#D5A3E5

#9A8C91 #A38F9F #AD93AD #B797BB #C19BC9 #CB9FD7 #D5A3E5

#9A8C91 - #D5A3E5

HSV Blend

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

0.0%	0.0% #9A8C91	RGB 154 140 145	#9A8C91
16.7%	16.7% #A6919C	RGB 166 145 156	#A6919C
33.3%	33.3% #B396A9	RGB 179 150 169	#B396A9
50.0%	50.0% #BF9BB8	RGB 191 155 184	#BF9BB8
66.7%	66.7% #CC9EC9	RGB 204 158 201	#CC9EC9
83.3%	83.3% #D3A1D8	RGB 211 161 216	#D3A1D8
100.0%	100.0% #D5A3E5	RGB 213 163 229	#D5A3E5

#9A8C91 #A6919C #B396A9 #BF9BB8 #CC9EC9 #D3A1D8 #D5A3E5

#9A8C91 - #BF9BB8 - #D5A3E5

CSS codes

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

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