#A8ACCD - #30313A | 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 #A8ACCD to #30313A

#A8ACCD #30313A

Calculate the color between two colors, #A8ACCD and #30313A. 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)

#A8ACCD - #30313A | 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 #A8ACCD as 0% and #30313A as 100%.

0.0%	0.0% #A8ACCD	RGB 168 172 205	#A8ACCD
16.7%	16.7% #9497B4	RGB 148 151 180	#9497B4
33.3%	33.3% #80839C	RGB 128 131 156	#80839C
50.0%	50.0% #6C6E83	RGB 108 110 131	#6C6E83
66.7%	66.7% #585A6B	RGB 88 90 107	#585A6B
83.3%	83.3% #444552	RGB 68 69 82	#444552
100.0%	100.0% #30313A	RGB 48 49 58	#30313A

#A8ACCD #9497B4 #80839C #6C6E83 #585A6B #444552 #30313A

#A8ACCD - #30313A

HSV Blend

#A8ACCD - #30313A | 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 #A8ACCD as 0% and #30313A as 100%.

0.0%	0.0% #A8ACCD	RGB 168 172 205	#A8ACCD
16.7%	16.7% #9497B4	RGB 148 151 180	#9497B4
33.3%	33.3% #80839C	RGB 128 131 156	#80839C
50.0%	50.0% #6C6E83	RGB 108 110 131	#6C6E83
66.7%	66.7% #585A6B	RGB 88 90 107	#585A6B
83.3%	83.3% #444552	RGB 68 69 82	#444552
100.0%	100.0% #30313A	RGB 48 49 58	#30313A

#A8ACCD #9497B4 #80839C #6C6E83 #585A6B #444552 #30313A

#A8ACCD - #6C6E83 - #30313A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ACCD 0%, #6C6E83 50%, #30313A 100%);
    background: -webkit-linear-gradient(top, #A8ACCD 0%, #6C6E83 50%, #30313A 100%);
    background: linear-gradient(to bottom, #A8ACCD 0%, #6C6E83 50%, #30313A 100%);
}
</style>