#8D8784 - #A8BFDB | 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 #8D8784 to #A8BFDB

#8D8784 #A8BFDB

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

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

0.0%	0.0% #8D8784	RGB 141 135 132	#8D8784
16.7%	16.7% #919092	RGB 145 144 146	#919092
33.3%	33.3% #9699A1	RGB 150 153 161	#9699A1
50.0%	50.0% #9AA3AF	RGB 154 163 175	#9AA3AF
66.7%	66.7% #9FACBE	RGB 159 172 190	#9FACBE
83.3%	83.3% #A3B5CC	RGB 163 181 204	#A3B5CC
100.0%	100.0% #A8BFDB	RGB 168 191 219	#A8BFDB

#8D8784 #919092 #9699A1 #9AA3AF #9FACBE #A3B5CC #A8BFDB

#8D8784 - #A8BFDB

HSV Blend

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

0.0%	0.0% #8D8784	RGB 141 135 132	#8D8784
16.7%	16.7% #9A8B8D	RGB 154 139 141	#9A8B8D
33.3%	33.3% #A7929E	RGB 167 146 158	#A7929E
50.0%	50.0% #B299B4	RGB 178 153 180	#B299B4
66.7%	66.7% #AF9EC1	RGB 175 158 193	#AF9EC1
83.3%	83.3% #A4A3CE	RGB 164 163 206	#A4A3CE
100.0%	100.0% #A8BFDB	RGB 168 191 219	#A8BFDB

#8D8784 #9A8B8D #A7929E #B299B4 #AF9EC1 #A4A3CE #A8BFDB

#8D8784 - #B299B4 - #A8BFDB

CSS codes

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

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