#A8C0BD - #418885 | 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 #A8C0BD to #418885

#A8C0BD #418885

Calculate the color between two colors, #A8C0BD and #418885. 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)

#A8C0BD - #418885 | 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 #A8C0BD as 0% and #418885 as 100%.

0.0%	0.0% #A8C0BD	RGB 168 192 189	#A8C0BD
16.7%	16.7% #96B6B3	RGB 150 182 179	#96B6B3
33.3%	33.3% #85ADAA	RGB 133 173 170	#85ADAA
50.0%	50.0% #74A4A1	RGB 116 164 161	#74A4A1
66.7%	66.7% #639A97	RGB 99 154 151	#639A97
83.3%	83.3% #52918E	RGB 82 145 142	#52918E
100.0%	100.0% #418885	RGB 65 136 133	#418885

#A8C0BD #96B6B3 #85ADAA #74A4A1 #639A97 #52918E #418885

#A8C0BD - #418885

HSV Blend

#A8C0BD - #418885 | 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 #A8C0BD as 0% and #418885 as 100%.

0.0%	0.0% #A8C0BD	RGB 168 192 189	#A8C0BD
16.7%	16.7% #93B6B2	RGB 147 182 178	#93B6B2
33.3%	33.3% #80ADA8	RGB 128 173 168	#80ADA8
50.0%	50.0% #6EA49F	RGB 110 164 159	#6EA49F
66.7%	66.7% #5E9A96	RGB 94 154 150	#5E9A96
83.3%	83.3% #4F918D	RGB 79 145 141	#4F918D
100.0%	100.0% #418885	RGB 65 136 133	#418885

#A8C0BD #93B6B2 #80ADA8 #6EA49F #5E9A96 #4F918D #418885

#A8C0BD - #6EA49F - #418885

CSS codes

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

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