#8C918D - #D9A4D4 | 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 #8C918D to #D9A4D4

#8C918D #D9A4D4

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

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

0.0%	0.0% #8C918D	RGB 140 145 141	#8C918D
16.7%	16.7% #989498	RGB 152 148 152	#989498
33.3%	33.3% #A597A4	RGB 165 151 164	#A597A4
50.0%	50.0% #B29AB0	RGB 178 154 176	#B29AB0
66.7%	66.7% #BF9DBC	RGB 191 157 188	#BF9DBC
83.3%	83.3% #CCA0C8	RGB 204 160 200	#CCA0C8
100.0%	100.0% #D9A4D4	RGB 217 164 212	#D9A4D4

#8C918D #989498 #A597A4 #B29AB0 #BF9DBC #CCA0C8 #D9A4D4

#8C918D - #D9A4D4

HSV Blend

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

0.0%	0.0% #8C918D	RGB 140 145 141	#8C918D
16.7%	16.7% #929D99	RGB 146 157 153	#929D99
33.3%	33.3% #97A6A9	RGB 151 166 169	#97A6A9
50.0%	50.0% #9BA4B5	RGB 155 164 181	#9BA4B5
66.7%	66.7% #A39FC1	RGB 163 159 193	#A39FC1
83.3%	83.3% #BCA2CD	RGB 188 162 205	#BCA2CD
100.0%	100.0% #D9A4D4	RGB 217 164 212	#D9A4D4

#8C918D #929D99 #97A6A9 #9BA4B5 #A39FC1 #BCA2CD #D9A4D4

#8C918D - #9BA4B5 - #D9A4D4

CSS codes

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

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