#B5CBA0 - #6D9F4C | 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 #B5CBA0 to #6D9F4C

#B5CBA0 #6D9F4C

Calculate the color between two colors, #B5CBA0 and #6D9F4C. 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)

#B5CBA0 - #6D9F4C | 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 #B5CBA0 as 0% and #6D9F4C as 100%.

0.0%	0.0% #B5CBA0	RGB 181 203 160	#B5CBA0
16.7%	16.7% #A9C392	RGB 169 195 146	#A9C392
33.3%	33.3% #9DBC84	RGB 157 188 132	#9DBC84
50.0%	50.0% #91B576	RGB 145 181 118	#91B576
66.7%	66.7% #85AD68	RGB 133 173 104	#85AD68
83.3%	83.3% #79A65A	RGB 121 166 90	#79A65A
100.0%	100.0% #6D9F4C	RGB 109 159 76	#6D9F4C

#B5CBA0 #A9C392 #9DBC84 #91B576 #85AD68 #79A65A #6D9F4C

#B5CBA0 - #6D9F4C

HSV Blend

#B5CBA0 - #6D9F4C | 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 #B5CBA0 as 0% and #6D9F4C as 100%.

0.0%	0.0% #B5CBA0	RGB 181 203 160	#B5CBA0
16.7%	16.7% #A8C390	RGB 168 195 144	#A8C390
33.3%	33.3% #9CBC80	RGB 156 188 128	#9CBC80
50.0%	50.0% #90B572	RGB 144 181 114	#90B572
66.7%	66.7% #84AD64	RGB 132 173 100	#84AD64
83.3%	83.3% #78A658	RGB 120 166 88	#78A658
100.0%	100.0% #6D9F4C	RGB 109 159 76	#6D9F4C

#B5CBA0 #A8C390 #9CBC80 #90B572 #84AD64 #78A658 #6D9F4C

#B5CBA0 - #90B572 - #6D9F4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5CBA0 0%, #90B572 50%, #6D9F4C 100%);
    background: -webkit-linear-gradient(top, #B5CBA0 0%, #90B572 50%, #6D9F4C 100%);
    background: linear-gradient(to bottom, #B5CBA0 0%, #90B572 50%, #6D9F4C 100%);
}
</style>