#A8BCB2 - #49764B | 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 #A8BCB2 to #49764B

#A8BCB2 #49764B

Calculate the color between two colors, #A8BCB2 and #49764B. 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)

#A8BCB2 - #49764B | 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 #A8BCB2 as 0% and #49764B as 100%.

0.0%	0.0% #A8BCB2	RGB 168 188 178	#A8BCB2
16.7%	16.7% #98B0A0	RGB 152 176 160	#98B0A0
33.3%	33.3% #88A48F	RGB 136 164 143	#88A48F
50.0%	50.0% #78997E	RGB 120 153 126	#78997E
66.7%	66.7% #688D6D	RGB 104 141 109	#688D6D
83.3%	83.3% #58815C	RGB 88 129 92	#58815C
100.0%	100.0% #49764B	RGB 73 118 75	#49764B

#A8BCB2 #98B0A0 #88A48F #78997E #688D6D #58815C #49764B

#A8BCB2 - #49764B

HSV Blend

#A8BCB2 - #49764B | 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 #A8BCB2 as 0% and #49764B as 100%.

0.0%	0.0% #A8BCB2	RGB 168 188 178	#A8BCB2
16.7%	16.7% #95B0A0	RGB 149 176 160	#95B0A0
33.3%	33.3% #84A48F	RGB 132 164 143	#84A48F
50.0%	50.0% #73997D	RGB 115 153 125	#73997D
66.7%	66.7% #648D6C	RGB 100 141 108	#648D6C
83.3%	83.3% #56815B	RGB 86 129 91	#56815B
100.0%	100.0% #49764B	RGB 73 118 75	#49764B

#A8BCB2 #95B0A0 #84A48F #73997D #648D6C #56815B #49764B

#A8BCB2 - #73997D - #49764B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BCB2 0%, #73997D 50%, #49764B 100%);
    background: -webkit-linear-gradient(top, #A8BCB2 0%, #73997D 50%, #49764B 100%);
    background: linear-gradient(to bottom, #A8BCB2 0%, #73997D 50%, #49764B 100%);
}
</style>