#00A600 - #FFFF58 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #00A600 a #FFFF58

#00A600 #FFFF58

Calcule el color entre dos colores, #00A600 y #FFFF58. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#00A600 - #FFFF58 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #00A600 como 0% y #FFFF58 como 100%.

0.0%	0.0% #00A600	RGB 0 166 0	#00A600
16.7%	16.7% #2AB40E	RGB 42 180 14	#2AB40E
33.3%	33.3% #55C31D	RGB 85 195 29	#55C31D
50.0%	50.0% #7FD22C	RGB 127 210 44	#7FD22C
66.7%	66.7% #AAE13A	RGB 170 225 58	#AAE13A
83.3%	83.3% #D4F049	RGB 212 240 73	#D4F049
100.0%	100.0% #FFFF58	RGB 255 255 88	#FFFF58

#00A600 #2AB40E #55C31D #7FD22C #AAE13A #D4F049 #FFFF58

#00A600 - #FFFF58

Mezcla HSV

#00A600 - #FFFF58 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #00A600 como 0% y #FFFF58 como 100%.

0.0%	0.0% #00A600	RGB 0 166 0	#00A600
16.7%	16.7% #26B40A	RGB 38 180 10	#26B40A
33.3%	33.3% #50C316	RGB 80 195 22	#50C316
50.0%	50.0% #7BD224	RGB 123 210 36	#7BD224
66.7%	66.7% #A7E133	RGB 167 225 51	#A7E133
83.3%	83.3% #D3F045	RGB 211 240 69	#D3F045
100.0%	100.0% #FFFF58	RGB 255 255 88	#FFFF58

#00A600 #26B40A #50C316 #7BD224 #A7E133 #D3F045 #FFFF58

#00A600 - #7BD224 - #FFFF58

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A600 0%, #7BD224 50%, #FFFF58 100%);
    background: -webkit-linear-gradient(top, #00A600 0%, #7BD224 50%, #FFFF58 100%);
    background: linear-gradient(to bottom, #00A600 0%, #7BD224 50%, #FFFF58 100%);
}
</style>