#31FF4B - #FFFE8C | 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 #31FF4B to #FFFE8C

#31FF4B #FFFE8C

Calculate the color between two colors, #31FF4B and #FFFE8C. 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)

#31FF4B - #FFFE8C | 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 #31FF4B as 0% and #FFFE8C as 100%.

0.0%	0.0% #31FF4B	RGB 49 255 75	#31FF4B
16.7%	16.7% #53FE55	RGB 83 254 85	#53FE55
33.3%	33.3% #75FE60	RGB 117 254 96	#75FE60
50.0%	50.0% #98FE6B	RGB 152 254 107	#98FE6B
66.7%	66.7% #BAFE76	RGB 186 254 118	#BAFE76
83.3%	83.3% #DCFE81	RGB 220 254 129	#DCFE81
100.0%	100.0% #FFFE8C	RGB 255 254 140	#FFFE8C

#31FF4B #53FE55 #75FE60 #98FE6B #BAFE76 #DCFE81 #FFFE8C

#31FF4B - #FFFE8C

HSV Blend

#31FF4B - #FFFE8C | 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 #31FF4B as 0% and #FFFE8C as 100%.

0.0%	0.0% #31FF4B	RGB 49 255 75	#31FF4B
16.7%	16.7% #4CFF40	RGB 76 255 64	#4CFF40
33.3%	33.3% #7BFF4F	RGB 123 255 79	#7BFF4F
50.0%	50.0% #A5FF5E	RGB 165 255 94	#A5FF5E
66.7%	66.7% #C9FF6D	RGB 201 255 109	#C9FF6D
83.3%	83.3% #E7FF7C	RGB 231 255 124	#E7FF7C
100.0%	100.0% #FFFE8C	RGB 255 254 140	#FFFE8C

#31FF4B #4CFF40 #7BFF4F #A5FF5E #C9FF6D #E7FF7C #FFFE8C

#31FF4B - #A5FF5E - #FFFE8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31FF4B 0%, #A5FF5E 50%, #FFFE8C 100%);
    background: -webkit-linear-gradient(top, #31FF4B 0%, #A5FF5E 50%, #FFFE8C 100%);
    background: linear-gradient(to bottom, #31FF4B 0%, #A5FF5E 50%, #FFFE8C 100%);
}
</style>