#3DFF5E - #FFFF90 | 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 #3DFF5E to #FFFF90

#3DFF5E #FFFF90

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

#3DFF5E - #FFFF90 | 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 #3DFF5E as 0% and #FFFF90 as 100%.

0.0%	0.0% #3DFF5E	RGB 61 255 94	#3DFF5E
16.7%	16.7% #5DFF66	RGB 93 255 102	#5DFF66
33.3%	33.3% #7DFF6E	RGB 125 255 110	#7DFF6E
50.0%	50.0% #9EFF77	RGB 158 255 119	#9EFF77
66.7%	66.7% #BEFF7F	RGB 190 255 127	#BEFF7F
83.3%	83.3% #DEFF87	RGB 222 255 135	#DEFF87
100.0%	100.0% #FFFF90	RGB 255 255 144	#FFFF90

#3DFF5E #5DFF66 #7DFF6E #9EFF77 #BEFF7F #DEFF87 #FFFF90

#3DFF5E - #FFFF90

HSV Blend

#3DFF5E - #FFFF90 | 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 #3DFF5E as 0% and #FFFF90 as 100%.

0.0%	0.0% #3DFF5E	RGB 61 255 94	#3DFF5E
16.7%	16.7% #4FFF4A	RGB 79 255 74	#4FFF4A
33.3%	33.3% #7DFF58	RGB 125 255 88	#7DFF58
50.0%	50.0% #A5FF66	RGB 165 255 102	#A5FF66
66.7%	66.7% #C8FF74	RGB 200 255 116	#C8FF74
83.3%	83.3% #E6FF82	RGB 230 255 130	#E6FF82
100.0%	100.0% #FFFF90	RGB 255 255 144	#FFFF90

#3DFF5E #4FFF4A #7DFF58 #A5FF66 #C8FF74 #E6FF82 #FFFF90

#3DFF5E - #A5FF66 - #FFFF90

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3DFF5E 0%, #A5FF66 50%, #FFFF90 100%);
    background: -webkit-linear-gradient(top, #3DFF5E 0%, #A5FF66 50%, #FFFF90 100%);
    background: linear-gradient(to bottom, #3DFF5E 0%, #A5FF66 50%, #FFFF90 100%);
}
</style>