#C0FF04 - #74C00F | 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 #C0FF04 to #74C00F

#C0FF04 #74C00F

Calculate the color between two colors, #C0FF04 and #74C00F. 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)

#C0FF04 - #74C00F | 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 #C0FF04 as 0% and #74C00F as 100%.

0.0%	0.0% #C0FF04	RGB 192 255 4	#C0FF04
16.7%	16.7% #B3F405	RGB 179 244 5	#B3F405
33.3%	33.3% #A6EA07	RGB 166 234 7	#A6EA07
50.0%	50.0% #9ADF09	RGB 154 223 9	#9ADF09
66.7%	66.7% #8DD50B	RGB 141 213 11	#8DD50B
83.3%	83.3% #80CA0D	RGB 128 202 13	#80CA0D
100.0%	100.0% #74C00F	RGB 116 192 15	#74C00F

#C0FF04 #B3F405 #A6EA07 #9ADF09 #8DD50B #80CA0D #74C00F

#C0FF04 - #74C00F

HSV Blend

#C0FF04 - #74C00F | 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 #C0FF04 as 0% and #74C00F as 100%.

0.0%	0.0% #C0FF03	RGB 192 255 3	#C0FF03
16.7%	16.7% #B1F406	RGB 177 244 6	#B1F406
33.3%	33.3% #A4EA08	RGB 164 234 8	#A4EA08
50.0%	50.0% #97DF0A	RGB 151 223 10	#97DF0A
66.7%	66.7% #8AD50C	RGB 138 213 12	#8AD50C
83.3%	83.3% #7FCA0D	RGB 127 202 13	#7FCA0D
100.0%	100.0% #74C00F	RGB 116 192 15	#74C00F

#C0FF03 #B1F406 #A4EA08 #97DF0A #8AD50C #7FCA0D #74C00F

#C0FF04 - #97DF0A - #74C00F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0FF03 0%, #97DF0A 50%, #74C00F 100%);
    background: -webkit-linear-gradient(top, #C0FF03 0%, #97DF0A 50%, #74C00F 100%);
    background: linear-gradient(to bottom, #C0FF03 0%, #97DF0A 50%, #74C00F 100%);
}
</style>