#B9CAB2 - #74AF5D | 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 #B9CAB2 to #74AF5D

#B9CAB2 #74AF5D

Calculate the color between two colors, #B9CAB2 and #74AF5D. 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)

#B9CAB2 - #74AF5D | 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 #B9CAB2 as 0% and #74AF5D as 100%.

0.0%	0.0% #B9CAB2	RGB 185 202 178	#B9CAB2
16.7%	16.7% #ADC5A3	RGB 173 197 163	#ADC5A3
33.3%	33.3% #A2C195	RGB 162 193 149	#A2C195
50.0%	50.0% #96BC87	RGB 150 188 135	#96BC87
66.7%	66.7% #8BB879	RGB 139 184 121	#8BB879
83.3%	83.3% #7FB36B	RGB 127 179 107	#7FB36B
100.0%	100.0% #74AF5D	RGB 116 175 93	#74AF5D

#B9CAB2 #ADC5A3 #A2C195 #96BC87 #8BB879 #7FB36B #74AF5D

#B9CAB2 - #74AF5D

HSV Blend

#B9CAB2 - #74AF5D | 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 #B9CAB2 as 0% and #74AF5D as 100%.

0.0%	0.0% #B9CAB2	RGB 185 202 178	#B9CAB2
16.7%	16.7% #ACC5A2	RGB 172 197 162	#ACC5A2
33.3%	33.3% #A0C193	RGB 160 193 147	#A0C193
50.0%	50.0% #94BC85	RGB 148 188 133	#94BC85
66.7%	66.7% #89B877	RGB 137 184 119	#89B877
83.3%	83.3% #7EB369	RGB 126 179 105	#7EB369
100.0%	100.0% #74AF5D	RGB 116 175 93	#74AF5D

#B9CAB2 #ACC5A2 #A0C193 #94BC85 #89B877 #7EB369 #74AF5D

#B9CAB2 - #94BC85 - #74AF5D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9CAB2 0%, #94BC85 50%, #74AF5D 100%);
    background: -webkit-linear-gradient(top, #B9CAB2 0%, #94BC85 50%, #74AF5D 100%);
    background: linear-gradient(to bottom, #B9CAB2 0%, #94BC85 50%, #74AF5D 100%);
}
</style>