#A8CCAF - #41975C | 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 #A8CCAF to #41975C

#A8CCAF #41975C

Calculate the color between two colors, #A8CCAF and #41975C. 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)

#A8CCAF - #41975C | 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 #A8CCAF as 0% and #41975C as 100%.

0.0%	0.0% #A8CCAF	RGB 168 204 175	#A8CCAF
16.7%	16.7% #96C3A1	RGB 150 195 161	#96C3A1
33.3%	33.3% #85BA93	RGB 133 186 147	#85BA93
50.0%	50.0% #74B185	RGB 116 177 133	#74B185
66.7%	66.7% #63A877	RGB 99 168 119	#63A877
83.3%	83.3% #529F69	RGB 82 159 105	#529F69
100.0%	100.0% #41975C	RGB 65 151 92	#41975C

#A8CCAF #96C3A1 #85BA93 #74B185 #63A877 #529F69 #41975C

#A8CCAF - #41975C

HSV Blend

#A8CCAF - #41975C | 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 #A8CCAF as 0% and #41975C as 100%.

0.0%	0.0% #A8CCAF	RGB 168 204 175	#A8CCAF
16.7%	16.7% #93C39E	RGB 147 195 158	#93C39E
33.3%	33.3% #81BA8E	RGB 129 186 142	#81BA8E
50.0%	50.0% #6FB180	RGB 111 177 128	#6FB180
66.7%	66.7% #5EA872	RGB 94 168 114	#5EA872
83.3%	83.3% #4F9F66	RGB 79 159 102	#4F9F66
100.0%	100.0% #41975C	RGB 65 151 92	#41975C

#A8CCAF #93C39E #81BA8E #6FB180 #5EA872 #4F9F66 #41975C

#A8CCAF - #6FB180 - #41975C

CSS codes

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

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