#008524 - #B6DCC0 | 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 #008524 to #B6DCC0

#008524 #B6DCC0

Calculate the color between two colors, #008524 and #B6DCC0. 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)

#008524 - #B6DCC0 | 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 #008524 as 0% and #B6DCC0 as 100%.

0.0%	0.0% #008524	RGB 0 133 36	#008524
16.7%	16.7% #1E933E	RGB 30 147 62	#1E933E
33.3%	33.3% #3CA258	RGB 60 162 88	#3CA258
50.0%	50.0% #5BB072	RGB 91 176 114	#5BB072
66.7%	66.7% #79BF8C	RGB 121 191 140	#79BF8C
83.3%	83.3% #97CDA6	RGB 151 205 166	#97CDA6
100.0%	100.0% #B6DCC0	RGB 182 220 192	#B6DCC0

#008524 #1E933E #3CA258 #5BB072 #79BF8C #97CDA6 #B6DCC0

#008524 - #B6DCC0

HSV Blend

#008524 - #B6DCC0 | 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 #008524 as 0% and #B6DCC0 as 100%.

0.0%	0.0% #008523	RGB 0 133 35	#008523
16.7%	16.7% #149336	RGB 20 147 54	#149336
33.3%	33.3% #2CA24C	RGB 44 162 76	#2CA24C
50.0%	50.0% #49B064	RGB 73 176 100	#49B064
66.7%	66.7% #69BF80	RGB 105 191 128	#69BF80
83.3%	83.3% #8DCD9E	RGB 141 205 158	#8DCD9E
100.0%	100.0% #B6DCC0	RGB 182 220 192	#B6DCC0

#008523 #149336 #2CA24C #49B064 #69BF80 #8DCD9E #B6DCC0

#008524 - #49B064 - #B6DCC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008523 0%, #49B064 50%, #B6DCC0 100%);
    background: -webkit-linear-gradient(top, #008523 0%, #49B064 50%, #B6DCC0 100%);
    background: linear-gradient(to bottom, #008523 0%, #49B064 50%, #B6DCC0 100%);
}
</style>