#00D354 - #EAFFB5 | 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 #00D354 a #EAFFB5

#00D354 #EAFFB5

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

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

0.0%	0.0% #00D354	RGB 0 211 84	#00D354
16.7%	16.7% #27DA64	RGB 39 218 100	#27DA64
33.3%	33.3% #4EE174	RGB 78 225 116	#4EE174
50.0%	50.0% #75E984	RGB 117 233 132	#75E984
66.7%	66.7% #9CF094	RGB 156 240 148	#9CF094
83.3%	83.3% #C3F7A4	RGB 195 247 164	#C3F7A4
100.0%	100.0% #EAFFB5	RGB 234 255 181	#EAFFB5

#00D354 #27DA64 #4EE174 #75E984 #9CF094 #C3F7A4 #EAFFB5

#00D354 - #EAFFB5

Mezcla HSV

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

0.0%	0.0% #00D354	RGB 0 211 84	#00D354
16.7%	16.7% #19DA42	RGB 25 218 66	#19DA42
33.3%	33.3% #35E139	RGB 53 225 57	#35E139
50.0%	50.0% #6AE952	RGB 106 233 82	#6AE952
66.7%	66.7% #9DF071	RGB 157 240 113	#9DF071
83.3%	83.3% #C8F792	RGB 200 247 146	#C8F792
100.0%	100.0% #EAFFB5	RGB 234 255 181	#EAFFB5

#00D354 #19DA42 #35E139 #6AE952 #9DF071 #C8F792 #EAFFB5

#00D354 - #6AE952 - #EAFFB5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D354 0%, #6AE952 50%, #EAFFB5 100%);
    background: -webkit-linear-gradient(top, #00D354 0%, #6AE952 50%, #EAFFB5 100%);
    background: linear-gradient(to bottom, #00D354 0%, #6AE952 50%, #EAFFB5 100%);
}
</style>