#4FA69B - #162F2C | 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 #4FA69B a #162F2C

#4FA69B #162F2C

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

#4FA69B - #162F2C | 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 #4FA69B como 0% y #162F2C como 100%.

0.0%	0.0% #4FA69B	RGB 79 166 155	#4FA69B
16.7%	16.7% #459288	RGB 69 146 136	#459288
33.3%	33.3% #3C7E76	RGB 60 126 118	#3C7E76
50.0%	50.0% #326A63	RGB 50 106 99	#326A63
66.7%	66.7% #295651	RGB 41 86 81	#295651
83.3%	83.3% #1F423E	RGB 31 66 62	#1F423E
100.0%	100.0% #162F2C	RGB 22 47 44	#162F2C

#4FA69B #459288 #3C7E76 #326A63 #295651 #1F423E #162F2C

#4FA69B - #162F2C

Mezcla HSV

#4FA69B - #162F2C | 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 #4FA69B como 0% y #162F2C como 100%.

0.0%	0.0% #4FA69B	RGB 79 166 155	#4FA69B
16.7%	16.7% #459288	RGB 69 146 136	#459288
33.3%	33.3% #3B7E76	RGB 59 126 118	#3B7E76
50.0%	50.0% #326A63	RGB 50 106 99	#326A63
66.7%	66.7% #285651	RGB 40 86 81	#285651
83.3%	83.3% #1F423E	RGB 31 66 62	#1F423E
100.0%	100.0% #162F2C	RGB 22 47 44	#162F2C

#4FA69B #459288 #3B7E76 #326A63 #285651 #1F423E #162F2C

#4FA69B - #326A63 - #162F2C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4FA69B 0%, #326A63 50%, #162F2C 100%);
    background: -webkit-linear-gradient(top, #4FA69B 0%, #326A63 50%, #162F2C 100%);
    background: linear-gradient(to bottom, #4FA69B 0%, #326A63 50%, #162F2C 100%);
}
</style>