#B5FF6C - #33481E | 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 #B5FF6C to #33481E

#B5FF6C #33481E

Calculate the color between two colors, #B5FF6C and #33481E. 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)

#B5FF6C - #33481E | 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 #B5FF6C as 0% and #33481E as 100%.

0.0%	0.0% #B5FF6C	RGB 181 255 108	#B5FF6C
16.7%	16.7% #9FE05F	RGB 159 224 95	#9FE05F
33.3%	33.3% #89C252	RGB 137 194 82	#89C252
50.0%	50.0% #74A345	RGB 116 163 69	#74A345
66.7%	66.7% #5E8438	RGB 94 132 56	#5E8438
83.3%	83.3% #48662B	RGB 72 102 43	#48662B
100.0%	100.0% #33481E	RGB 51 72 30	#33481E

#B5FF6C #9FE05F #89C252 #74A345 #5E8438 #48662B #33481E

#B5FF6C - #33481E

HSV Blend

#B5FF6C - #33481E | 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 #B5FF6C as 0% and #33481E as 100%.

0.0%	0.0% #B5FF6C	RGB 181 255 108	#B5FF6C
16.7%	16.7% #9FE05E	RGB 159 224 94	#9FE05E
33.3%	33.3% #89C251	RGB 137 194 81	#89C251
50.0%	50.0% #73A344	RGB 115 163 68	#73A344
66.7%	66.7% #5E8437	RGB 94 132 55	#5E8437
83.3%	83.3% #48662A	RGB 72 102 42	#48662A
100.0%	100.0% #33481E	RGB 51 72 30	#33481E

#B5FF6C #9FE05E #89C251 #73A344 #5E8437 #48662A #33481E

#B5FF6C - #73A344 - #33481E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5FF6C 0%, #73A344 50%, #33481E 100%);
    background: -webkit-linear-gradient(top, #B5FF6C 0%, #73A344 50%, #33481E 100%);
    background: linear-gradient(to bottom, #B5FF6C 0%, #73A344 50%, #33481E 100%);
}
</style>