#2A6B6B - #01422D | 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 #2A6B6B a #01422D

#2A6B6B #01422D

Calcule el color entre dos colores, #2A6B6B y #01422D. 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)

#2A6B6B - #01422D | 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 #2A6B6B como 0% y #01422D como 100%.

0.0%	0.0% #2A6B6B	RGB 42 107 107	#2A6B6B
16.7%	16.7% #236460	RGB 35 100 96	#236460
33.3%	33.3% #1C5D56	RGB 28 93 86	#1C5D56
50.0%	50.0% #15564C	RGB 21 86 76	#15564C
66.7%	66.7% #0E4F41	RGB 14 79 65	#0E4F41
83.3%	83.3% #074837	RGB 7 72 55	#074837
100.0%	100.0% #01422D	RGB 1 66 45	#01422D

#2A6B6B #236460 #1C5D56 #15564C #0E4F41 #074837 #01422D

#2A6B6B - #01422D

Mezcla HSV

#2A6B6B - #01422D | 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 #2A6B6B como 0% y #01422D como 100%.

0.0%	0.0% #2A6B6B	RGB 42 107 107	#2A6B6B
16.7%	16.7% #216460	RGB 33 100 96	#216460
33.3%	33.3% #185D55	RGB 24 93 85	#185D55
50.0%	50.0% #11564B	RGB 17 86 75	#11564B
66.7%	66.7% #0B4F40	RGB 11 79 64	#0B4F40
83.3%	83.3% #054836	RGB 5 72 54	#054836
100.0%	100.0% #01422D	RGB 1 66 45	#01422D

#2A6B6B #216460 #185D55 #11564B #0B4F40 #054836 #01422D

#2A6B6B - #11564B - #01422D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A6B6B 0%, #11564B 50%, #01422D 100%);
    background: -webkit-linear-gradient(top, #2A6B6B 0%, #11564B 50%, #01422D 100%);
    background: linear-gradient(to bottom, #2A6B6B 0%, #11564B 50%, #01422D 100%);
}
</style>