#4FA6A6 - #057467 | 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 #4FA6A6 a #057467

#4FA6A6 #057467

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

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

0.0%	0.0% #4FA6A6	RGB 79 166 166	#4FA6A6
16.7%	16.7% #429D9B	RGB 66 157 155	#429D9B
33.3%	33.3% #369591	RGB 54 149 145	#369591
50.0%	50.0% #2A8D86	RGB 42 141 134	#2A8D86
66.7%	66.7% #1D847C	RGB 29 132 124	#1D847C
83.3%	83.3% #117C71	RGB 17 124 113	#117C71
100.0%	100.0% #057467	RGB 5 116 103	#057467

#4FA6A6 #429D9B #369591 #2A8D86 #1D847C #117C71 #057467

#4FA6A6 - #057467

Mezcla HSV

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

0.0%	0.0% #4FA6A6	RGB 79 166 166	#4FA6A6
16.7%	16.7% #3F9D9B	RGB 63 157 155	#3F9D9B
33.3%	33.3% #319591	RGB 49 149 145	#319591
50.0%	50.0% #248D86	RGB 36 141 134	#248D86
66.7%	66.7% #18847C	RGB 24 132 124	#18847C
83.3%	83.3% #0E7C71	RGB 14 124 113	#0E7C71
100.0%	100.0% #057467	RGB 5 116 103	#057467

#4FA6A6 #3F9D9B #319591 #248D86 #18847C #0E7C71 #057467

#4FA6A6 - #248D86 - #057467

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4FA6A6 0%, #248D86 50%, #057467 100%);
    background: -webkit-linear-gradient(top, #4FA6A6 0%, #248D86 50%, #057467 100%);
    background: linear-gradient(to bottom, #4FA6A6 0%, #248D86 50%, #057467 100%);
}
</style>