#A8C4BA - #468A82 | 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 #A8C4BA to #468A82

#A8C4BA #468A82

Calculate the color between two colors, #A8C4BA and #468A82. 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)

#A8C4BA - #468A82 | 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 #A8C4BA as 0% and #468A82 as 100%.

0.0%	0.0% #A8C4BA	RGB 168 196 186	#A8C4BA
16.7%	16.7% #97BAB0	RGB 151 186 176	#97BAB0
33.3%	33.3% #87B0A7	RGB 135 176 167	#87B0A7
50.0%	50.0% #77A79E	RGB 119 167 158	#77A79E
66.7%	66.7% #669D94	RGB 102 157 148	#669D94
83.3%	83.3% #56938B	RGB 86 147 139	#56938B
100.0%	100.0% #468A82	RGB 70 138 130	#468A82

#A8C4BA #97BAB0 #87B0A7 #77A79E #669D94 #56938B #468A82

#A8C4BA - #468A82

HSV Blend

#A8C4BA - #468A82 | 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 #A8C4BA as 0% and #468A82 as 100%.

0.0%	0.0% #A8C4BA	RGB 168 196 186	#A8C4BA
16.7%	16.7% #94BAAE	RGB 148 186 174	#94BAAE
33.3%	33.3% #82B0A3	RGB 130 176 163	#82B0A3
50.0%	50.0% #71A79A	RGB 113 167 154	#71A79A
66.7%	66.7% #629D91	RGB 98 157 145	#629D91
83.3%	83.3% #539389	RGB 83 147 137	#539389
100.0%	100.0% #468A82	RGB 70 138 130	#468A82

#A8C4BA #94BAAE #82B0A3 #71A79A #629D91 #539389 #468A82

#A8C4BA - #71A79A - #468A82

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C4BA 0%, #71A79A 50%, #468A82 100%);
    background: -webkit-linear-gradient(top, #A8C4BA 0%, #71A79A 50%, #468A82 100%);
    background: linear-gradient(to bottom, #A8C4BA 0%, #71A79A 50%, #468A82 100%);
}
</style>