#4DA19D - #066F5E | 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 #4DA19D a #066F5E

#4DA19D #066F5E

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

#4DA19D - #066F5E | 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 #4DA19D como 0% y #066F5E como 100%.

0.0%	0.0% #4DA19D	RGB 77 161 157	#4DA19D
16.7%	16.7% #419892	RGB 65 152 146	#419892
33.3%	33.3% #359088	RGB 53 144 136	#359088
50.0%	50.0% #29887D	RGB 41 136 125	#29887D
66.7%	66.7% #1D7F73	RGB 29 127 115	#1D7F73
83.3%	83.3% #117768	RGB 17 119 104	#117768
100.0%	100.0% #066F5E	RGB 6 111 94	#066F5E

#4DA19D #419892 #359088 #29887D #1D7F73 #117768 #066F5E

#4DA19D - #066F5E

Mezcla HSV

#4DA19D - #066F5E | 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 #4DA19D como 0% y #066F5E como 100%.

0.0%	0.0% #4DA19D	RGB 77 161 157	#4DA19D
16.7%	16.7% #3E9892	RGB 62 152 146	#3E9892
33.3%	33.3% #309088	RGB 48 144 136	#309088
50.0%	50.0% #24887D	RGB 36 136 125	#24887D
66.7%	66.7% #187F72	RGB 24 127 114	#187F72
83.3%	83.3% #0E7768	RGB 14 119 104	#0E7768
100.0%	100.0% #066F5E	RGB 6 111 94	#066F5E

#4DA19D #3E9892 #309088 #24887D #187F72 #0E7768 #066F5E

#4DA19D - #24887D - #066F5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DA19D 0%, #24887D 50%, #066F5E 100%);
    background: -webkit-linear-gradient(top, #4DA19D 0%, #24887D 50%, #066F5E 100%);
    background: linear-gradient(to bottom, #4DA19D 0%, #24887D 50%, #066F5E 100%);
}
</style>