#10CD3E - #FFFF80 | 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 #10CD3E to #FFFF80

#10CD3E #FFFF80

Calculate the color between two colors, #10CD3E and #FFFF80. 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)

#10CD3E - #FFFF80 | 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 #10CD3E as 0% and #FFFF80 as 100%.

0.0%	0.0% #10CD3E	RGB 16 205 62	#10CD3E
16.7%	16.7% #37D549	RGB 55 213 73	#37D549
33.3%	33.3% #5FDD54	RGB 95 221 84	#5FDD54
50.0%	50.0% #87E65F	RGB 135 230 95	#87E65F
66.7%	66.7% #AFEE6A	RGB 175 238 106	#AFEE6A
83.3%	83.3% #D7F675	RGB 215 246 117	#D7F675
100.0%	100.0% #FFFF80	RGB 255 255 128	#FFFF80

#10CD3E #37D549 #5FDD54 #87E65F #AFEE6A #D7F675 #FFFF80

#10CD3E - #FFFF80

HSV Blend

#10CD3E - #FFFF80 | 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 #10CD3E as 0% and #FFFF80 as 100%.

0.0%	0.0% #0FCD3D	RGB 15 205 61	#0FCD3D
16.7%	16.7% #1FD526	RGB 31 213 38	#1FD526
33.3%	33.3% #4EDD30	RGB 78 221 48	#4EDD30
50.0%	50.0% #80E642	RGB 128 230 66	#80E642
66.7%	66.7% #AFEE55	RGB 175 238 85	#AFEE55
83.3%	83.3% #D9F66A	RGB 217 246 106	#D9F66A
100.0%	100.0% #FFFF80	RGB 255 255 128	#FFFF80

#0FCD3D #1FD526 #4EDD30 #80E642 #AFEE55 #D9F66A #FFFF80

#10CD3E - #80E642 - #FFFF80

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0FCD3D 0%, #80E642 50%, #FFFF80 100%);
    background: -webkit-linear-gradient(top, #0FCD3D 0%, #80E642 50%, #FFFF80 100%);
    background: linear-gradient(to bottom, #0FCD3D 0%, #80E642 50%, #FFFF80 100%);
}
</style>