#00C92C - #FFFF7C | 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 #00C92C a #FFFF7C

#00C92C #FFFF7C

Calcule el color entre dos colores, #00C92C y #FFFF7C. 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)

#00C92C - #FFFF7C | 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 #00C92C como 0% y #FFFF7C como 100%.

0.0%	0.0% #00C92C	RGB 0 201 44	#00C92C
16.7%	16.7% #2AD239	RGB 42 210 57	#2AD239
33.3%	33.3% #55DB46	RGB 85 219 70	#55DB46
50.0%	50.0% #7FE454	RGB 127 228 84	#7FE454
66.7%	66.7% #AAED61	RGB 170 237 97	#AAED61
83.3%	83.3% #D4F66E	RGB 212 246 110	#D4F66E
100.0%	100.0% #FFFF7C	RGB 255 255 124	#FFFF7C

#00C92C #2AD239 #55DB46 #7FE454 #AAED61 #D4F66E #FFFF7C

#00C92C - #FFFF7C

Mezcla HSV

#00C92C - #FFFF7C | 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 #00C92C como 0% y #FFFF7C como 100%.

0.0%	0.0% #00C92C	RGB 0 201 44	#00C92C
16.7%	16.7% #11D214	RGB 17 210 20	#11D214
33.3%	33.3% #45DB23	RGB 69 219 35	#45DB23
50.0%	50.0% #7AE437	RGB 122 228 55	#7AE437
66.7%	66.7% #ABED4C	RGB 171 237 76	#ABED4C
83.3%	83.3% #D8F663	RGB 216 246 99	#D8F663
100.0%	100.0% #FFFF7C	RGB 255 255 124	#FFFF7C

#00C92C #11D214 #45DB23 #7AE437 #ABED4C #D8F663 #FFFF7C

#00C92C - #7AE437 - #FFFF7C

Códigos CSS

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

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