#A8C8C4 - #40928E | 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 #A8C8C4 to #40928E

#A8C8C4 #40928E

Calculate the color between two colors, #A8C8C4 and #40928E. 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)

#A8C8C4 - #40928E | 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 #A8C8C4 as 0% and #40928E as 100%.

0.0%	0.0% #A8C8C4	RGB 168 200 196	#A8C8C4
16.7%	16.7% #96BFBB	RGB 150 191 187	#96BFBB
33.3%	33.3% #85B6B2	RGB 133 182 178	#85B6B2
50.0%	50.0% #74ADA9	RGB 116 173 169	#74ADA9
66.7%	66.7% #62A4A0	RGB 98 164 160	#62A4A0
83.3%	83.3% #519B97	RGB 81 155 151	#519B97
100.0%	100.0% #40928E	RGB 64 146 142	#40928E

#A8C8C4 #96BFBB #85B6B2 #74ADA9 #62A4A0 #519B97 #40928E

#A8C8C4 - #40928E

HSV Blend

#A8C8C4 - #40928E | 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 #A8C8C4 as 0% and #40928E as 100%.

0.0%	0.0% #A8C8C4	RGB 168 200 196	#A8C8C4
16.7%	16.7% #93BFBA	RGB 147 191 186	#93BFBA
33.3%	33.3% #80B6B0	RGB 128 182 176	#80B6B0
50.0%	50.0% #6EADA7	RGB 110 173 167	#6EADA7
66.7%	66.7% #5DA49E	RGB 93 164 158	#5DA49E
83.3%	83.3% #4E9B96	RGB 78 155 150	#4E9B96
100.0%	100.0% #40928E	RGB 64 146 142	#40928E

#A8C8C4 #93BFBA #80B6B0 #6EADA7 #5DA49E #4E9B96 #40928E

#A8C8C4 - #6EADA7 - #40928E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C8C4 0%, #6EADA7 50%, #40928E 100%);
    background: -webkit-linear-gradient(top, #A8C8C4 0%, #6EADA7 50%, #40928E 100%);
    background: linear-gradient(to bottom, #A8C8C4 0%, #6EADA7 50%, #40928E 100%);
}
</style>