#A8C0B8 - #4F7767 | 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 #A8C0B8 to #4F7767

#A8C0B8 #4F7767

Calculate the color between two colors, #A8C0B8 and #4F7767. 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)

#A8C0B8 - #4F7767 | 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 #A8C0B8 as 0% and #4F7767 as 100%.

0.0%	0.0% #A8C0B8	RGB 168 192 184	#A8C0B8
16.7%	16.7% #99B3AA	RGB 153 179 170	#99B3AA
33.3%	33.3% #8AA79D	RGB 138 167 157	#8AA79D
50.0%	50.0% #7B9B8F	RGB 123 155 143	#7B9B8F
66.7%	66.7% #6C8F82	RGB 108 143 130	#6C8F82
83.3%	83.3% #5D8374	RGB 93 131 116	#5D8374
100.0%	100.0% #4F7767	RGB 79 119 103	#4F7767

#A8C0B8 #99B3AA #8AA79D #7B9B8F #6C8F82 #5D8374 #4F7767

#A8C0B8 - #4F7767

HSV Blend

#A8C0B8 - #4F7767 | 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 #A8C0B8 as 0% and #4F7767 as 100%.

0.0%	0.0% #A8C0B8	RGB 168 192 184	#A8C0B8
16.7%	16.7% #97B3A9	RGB 151 179 169	#97B3A9
33.3%	33.3% #86A79C	RGB 134 167 156	#86A79C
50.0%	50.0% #779B8E	RGB 119 155 142	#779B8E
66.7%	66.7% #698F80	RGB 105 143 128	#698F80
83.3%	83.3% #5B8373	RGB 91 131 115	#5B8373
100.0%	100.0% #4F7767	RGB 79 119 103	#4F7767

#A8C0B8 #97B3A9 #86A79C #779B8E #698F80 #5B8373 #4F7767

#A8C0B8 - #779B8E - #4F7767

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0B8 0%, #779B8E 50%, #4F7767 100%);
    background: -webkit-linear-gradient(top, #A8C0B8 0%, #779B8E 50%, #4F7767 100%);
    background: linear-gradient(to bottom, #A8C0B8 0%, #779B8E 50%, #4F7767 100%);
}
</style>