#4EB07B - #E1E791 | 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 #4EB07B a #E1E791

#4EB07B #E1E791

Calcule el color entre dos colores, #4EB07B y #E1E791. 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)

#4EB07B - #E1E791 | 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 #4EB07B como 0% y #E1E791 como 100%.

0.0%	0.0% #4EB07B	RGB 78 176 123	#4EB07B
16.7%	16.7% #66B97E	RGB 102 185 126	#66B97E
33.3%	33.3% #7FC282	RGB 127 194 130	#7FC282
50.0%	50.0% #97CB86	RGB 151 203 134	#97CB86
66.7%	66.7% #B0D489	RGB 176 212 137	#B0D489
83.3%	83.3% #C8DD8D	RGB 200 221 141	#C8DD8D
100.0%	100.0% #E1E791	RGB 225 231 145	#E1E791

#4EB07B #66B97E #7FC282 #97CB86 #B0D489 #C8DD8D #E1E791

#4EB07B - #E1E791

Mezcla HSV

#4EB07B - #E1E791 | 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 #4EB07B como 0% y #E1E791 como 100%.

0.0%	0.0% #4EB07B	RGB 78 176 123	#4EB07B
16.7%	16.7% #57B96D	RGB 87 185 109	#57B96D
33.3%	33.3% #62C262	RGB 98 194 98	#62C262
50.0%	50.0% #83CB6C	RGB 131 203 108	#83CB6C
66.7%	66.7% #A3D478	RGB 163 212 120	#A3D478
83.3%	83.3% #C2DD84	RGB 194 221 132	#C2DD84
100.0%	100.0% #E1E791	RGB 225 231 145	#E1E791

#4EB07B #57B96D #62C262 #83CB6C #A3D478 #C2DD84 #E1E791

#4EB07B - #83CB6C - #E1E791

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4EB07B 0%, #83CB6C 50%, #E1E791 100%);
    background: -webkit-linear-gradient(top, #4EB07B 0%, #83CB6C 50%, #E1E791 100%);
    background: linear-gradient(to bottom, #4EB07B 0%, #83CB6C 50%, #E1E791 100%);
}
</style>