#71FF6B - #1FEA2D | 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 #71FF6B to #1FEA2D

#71FF6B #1FEA2D

Calculate the color between two colors, #71FF6B and #1FEA2D. 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)

#71FF6B - #1FEA2D | 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 #71FF6B as 0% and #1FEA2D as 100%.

0.0%	0.0% #71FF6B	RGB 113 255 107	#71FF6B
16.7%	16.7% #63FB60	RGB 99 251 96	#63FB60
33.3%	33.3% #55F856	RGB 85 248 86	#55F856
50.0%	50.0% #48F44C	RGB 72 244 76	#48F44C
66.7%	66.7% #3AF141	RGB 58 241 65	#3AF141
83.3%	83.3% #2CED37	RGB 44 237 55	#2CED37
100.0%	100.0% #1FEA2D	RGB 31 234 45	#1FEA2D

#71FF6B #63FB60 #55F856 #48F44C #3AF141 #2CED37 #1FEA2D

#71FF6B - #1FEA2D

HSV Blend

#71FF6B - #1FEA2D | 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 #71FF6B as 0% and #1FEA2D as 100%.

0.0%	0.0% #70FF6B	RGB 112 255 107	#70FF6B
16.7%	16.7% #61FB5D	RGB 97 251 93	#61FB5D
33.3%	33.3% #51F850	RGB 81 248 80	#51F850
50.0%	50.0% #43F446	RGB 67 244 70	#43F446
66.7%	66.7% #36F13D	RGB 54 241 61	#36F13D
83.3%	83.3% #2AED34	RGB 42 237 52	#2AED34
100.0%	100.0% #1FEA2D	RGB 31 234 45	#1FEA2D

#70FF6B #61FB5D #51F850 #43F446 #36F13D #2AED34 #1FEA2D

#71FF6B - #43F446 - #1FEA2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #70FF6B 0%, #43F446 50%, #1FEA2D 100%);
    background: -webkit-linear-gradient(top, #70FF6B 0%, #43F446 50%, #1FEA2D 100%);
    background: linear-gradient(to bottom, #70FF6B 0%, #43F446 50%, #1FEA2D 100%);
}
</style>