#94FF8C - #3DF243 | 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 #94FF8C to #3DF243

#94FF8C #3DF243

Calculate the color between two colors, #94FF8C and #3DF243. 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)

#94FF8C - #3DF243 | 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 #94FF8C as 0% and #3DF243 as 100%.

0.0%	0.0% #94FF8C	RGB 148 255 140	#94FF8C
16.7%	16.7% #85FC7F	RGB 133 252 127	#85FC7F
33.3%	33.3% #77FA73	RGB 119 250 115	#77FA73
50.0%	50.0% #68F867	RGB 104 248 103	#68F867
66.7%	66.7% #5AF65B	RGB 90 246 91	#5AF65B
83.3%	83.3% #4BF44F	RGB 75 244 79	#4BF44F
100.0%	100.0% #3DF243	RGB 61 242 67	#3DF243

#94FF8C #85FC7F #77FA73 #68F867 #5AF65B #4BF44F #3DF243

#94FF8C - #3DF243

HSV Blend

#94FF8C - #3DF243 | 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 #94FF8C as 0% and #3DF243 as 100%.

0.0%	0.0% #94FF8C	RGB 148 255 140	#94FF8C
16.7%	16.7% #84FC7E	RGB 132 252 126	#84FC7E
33.3%	33.3% #75FA70	RGB 117 250 112	#75FA70
50.0%	50.0% #66F863	RGB 102 248 99	#66F863
66.7%	66.7% #56F656	RGB 86 246 86	#56F656
83.3%	83.3% #49F44C	RGB 73 244 76	#49F44C
100.0%	100.0% #3DF243	RGB 61 242 67	#3DF243

#94FF8C #84FC7E #75FA70 #66F863 #56F656 #49F44C #3DF243

#94FF8C - #66F863 - #3DF243

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94FF8C 0%, #66F863 50%, #3DF243 100%);
    background: -webkit-linear-gradient(top, #94FF8C 0%, #66F863 50%, #3DF243 100%);
    background: linear-gradient(to bottom, #94FF8C 0%, #66F863 50%, #3DF243 100%);
}
</style>