#8C8F99 - #A8BEFD | 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 #8C8F99 to #A8BEFD

#8C8F99 #A8BEFD

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

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

0.0%	0.0% #8C8F99	RGB 140 143 153	#8C8F99
16.7%	16.7% #9096A9	RGB 144 150 169	#9096A9
33.3%	33.3% #959EBA	RGB 149 158 186	#959EBA
50.0%	50.0% #9AA6CB	RGB 154 166 203	#9AA6CB
66.7%	66.7% #9EAEDB	RGB 158 174 219	#9EAEDB
83.3%	83.3% #A3B6EC	RGB 163 182 236	#A3B6EC
100.0%	100.0% #A8BEFD	RGB 168 190 253	#A8BEFD

#8C8F99 #9096A9 #959EBA #9AA6CB #9EAEDB #A3B6EC #A8BEFD

#8C8F99 - #A8BEFD

HSV Blend

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

0.0%	0.0% #8C8F99	RGB 140 143 153	#8C8F99
16.7%	16.7% #9499A9	RGB 148 153 169	#9499A9
33.3%	33.3% #9AA2BA	RGB 154 162 186	#9AA2BA
50.0%	50.0% #A0AACB	RGB 160 170 203	#A0AACB
66.7%	66.7% #A4B2DB	RGB 164 178 219	#A4B2DB
83.3%	83.3% #A6B8EC	RGB 166 184 236	#A6B8EC
100.0%	100.0% #A8BEFD	RGB 168 190 253	#A8BEFD

#8C8F99 #9499A9 #9AA2BA #A0AACB #A4B2DB #A6B8EC #A8BEFD

#8C8F99 - #A0AACB - #A8BEFD

CSS codes

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

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