#4EB07B - #107546 | 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 #107546

#4EB07B #107546

Calcule el color entre dos colores, #4EB07B y #107546. 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 - #107546 | 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 #107546 como 100%.

0.0%	0.0% #4EB07B	RGB 78 176 123	#4EB07B
16.7%	16.7% #43A672	RGB 67 166 114	#43A672
33.3%	33.3% #399C69	RGB 57 156 105	#399C69
50.0%	50.0% #2F9260	RGB 47 146 96	#2F9260
66.7%	66.7% #248857	RGB 36 136 87	#248857
83.3%	83.3% #1A7E4E	RGB 26 126 78	#1A7E4E
100.0%	100.0% #107546	RGB 16 117 70	#107546

#4EB07B #43A672 #399C69 #2F9260 #248857 #1A7E4E #107546

#4EB07B - #107546

Mezcla HSV

#4EB07B - #107546 | 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 #107546 como 100%.

0.0%	0.0% #4EB07B	RGB 78 176 123	#4EB07B
16.7%	16.7% #41A670	RGB 65 166 112	#41A670
33.3%	33.3% #359C67	RGB 53 156 103	#359C67
50.0%	50.0% #2A925E	RGB 42 146 94	#2A925E
66.7%	66.7% #208855	RGB 32 136 85	#208855
83.3%	83.3% #177E4D	RGB 23 126 77	#177E4D
100.0%	100.0% #107546	RGB 16 117 70	#107546

#4EB07B #41A670 #359C67 #2A925E #208855 #177E4D #107546

#4EB07B - #2A925E - #107546

Códigos CSS

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

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