#A8ACAB - #456F70 | 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 #A8ACAB to #456F70

#A8ACAB #456F70

Calculate the color between two colors, #A8ACAB and #456F70. 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)

#A8ACAB - #456F70 | 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 #A8ACAB as 0% and #456F70 as 100%.

0.0%	0.0% #A8ACAB	RGB 168 172 171	#A8ACAB
16.7%	16.7% #97A1A1	RGB 151 161 161	#97A1A1
33.3%	33.3% #879797	RGB 135 151 151	#879797
50.0%	50.0% #768D8D	RGB 118 141 141	#768D8D
66.7%	66.7% #668383	RGB 102 131 131	#668383
83.3%	83.3% #557979	RGB 85 121 121	#557979
100.0%	100.0% #456F70	RGB 69 111 112	#456F70

#A8ACAB #97A1A1 #879797 #768D8D #668383 #557979 #456F70

#A8ACAB - #456F70

HSV Blend

#A8ACAB - #456F70 | 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 #A8ACAB as 0% and #456F70 as 100%.

0.0%	0.0% #A8ACAB	RGB 168 172 171	#A8ACAB
16.7%	16.7% #94A29F	RGB 148 162 159	#94A29F
33.3%	33.3% #829894	RGB 130 152 148	#829894
50.0%	50.0% #718E8A	RGB 113 142 138	#718E8A
66.7%	66.7% #618481	RGB 97 132 129	#618481
83.3%	83.3% #527A79	RGB 82 122 121	#527A79
100.0%	100.0% #456F70	RGB 69 111 112	#456F70

#A8ACAB #94A29F #829894 #718E8A #618481 #527A79 #456F70

#A8ACAB - #718E8A - #456F70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ACAB 0%, #718E8A 50%, #456F70 100%);
    background: -webkit-linear-gradient(top, #A8ACAB 0%, #718E8A 50%, #456F70 100%);
    background: linear-gradient(to bottom, #A8ACAB 0%, #718E8A 50%, #456F70 100%);
}
</style>