#A8C0B7 - #47857F | 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 #A8C0B7 to #47857F

#A8C0B7 #47857F

Calculate the color between two colors, #A8C0B7 and #47857F. 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)

#A8C0B7 - #47857F | 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 #A8C0B7 as 0% and #47857F as 100%.

0.0%	0.0% #A8C0B7	RGB 168 192 183	#A8C0B7
16.7%	16.7% #97B6AD	RGB 151 182 173	#97B6AD
33.3%	33.3% #87ACA4	RGB 135 172 164	#87ACA4
50.0%	50.0% #77A29B	RGB 119 162 155	#77A29B
66.7%	66.7% #679891	RGB 103 152 145	#679891
83.3%	83.3% #578E88	RGB 87 142 136	#578E88
100.0%	100.0% #47857F	RGB 71 133 127	#47857F

#A8C0B7 #97B6AD #87ACA4 #77A29B #679891 #578E88 #47857F

#A8C0B7 - #47857F

HSV Blend

#A8C0B7 - #47857F | 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 #A8C0B7 as 0% and #47857F as 100%.

0.0%	0.0% #A8C0B7	RGB 168 192 183	#A8C0B7
16.7%	16.7% #95B6AB	RGB 149 182 171	#95B6AB
33.3%	33.3% #83ACA0	RGB 131 172 160	#83ACA0
50.0%	50.0% #72A297	RGB 114 162 151	#72A297
66.7%	66.7% #62988E	RGB 98 152 142	#62988E
83.3%	83.3% #548E86	RGB 84 142 134	#548E86
100.0%	100.0% #47857F	RGB 71 133 127	#47857F

#A8C0B7 #95B6AB #83ACA0 #72A297 #62988E #548E86 #47857F

#A8C0B7 - #72A297 - #47857F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0B7 0%, #72A297 50%, #47857F 100%);
    background: -webkit-linear-gradient(top, #A8C0B7 0%, #72A297 50%, #47857F 100%);
    background: linear-gradient(to bottom, #A8C0B7 0%, #72A297 50%, #47857F 100%);
}
</style>