#1B5C5C - #071A1A | 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 #1B5C5C a #071A1A

#1B5C5C #071A1A

Calcule el color entre dos colores, #1B5C5C y #071A1A. 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)

#1B5C5C - #071A1A | 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 #1B5C5C como 0% y #071A1A como 100%.

0.0%	0.0% #1B5C5C	RGB 27 92 92	#1B5C5C
16.7%	16.7% #175151	RGB 23 81 81	#175151
33.3%	33.3% #144646	RGB 20 70 70	#144646
50.0%	50.0% #113B3B	RGB 17 59 59	#113B3B
66.7%	66.7% #0D3030	RGB 13 48 48	#0D3030
83.3%	83.3% #0A2525	RGB 10 37 37	#0A2525
100.0%	100.0% #071A1A	RGB 7 26 26	#071A1A

#1B5C5C #175151 #144646 #113B3B #0D3030 #0A2525 #071A1A

#1B5C5C - #071A1A

Mezcla HSV

#1B5C5C - #071A1A | 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 #1B5C5C como 0% y #071A1A como 100%.

0.0%	0.0% #1B5C5C	RGB 27 92 92	#1B5C5C
16.7%	16.7% #175151	RGB 23 81 81	#175151
33.3%	33.3% #134646	RGB 19 70 70	#134646
50.0%	50.0% #103B3B	RGB 16 59 59	#103B3B
66.7%	66.7% #0D3030	RGB 13 48 48	#0D3030
83.3%	83.3% #0A2525	RGB 10 37 37	#0A2525
100.0%	100.0% #071A1A	RGB 7 26 26	#071A1A

#1B5C5C #175151 #134646 #103B3B #0D3030 #0A2525 #071A1A

#1B5C5C - #103B3B - #071A1A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5C5C 0%, #103B3B 50%, #071A1A 100%);
    background: -webkit-linear-gradient(top, #1B5C5C 0%, #103B3B 50%, #071A1A 100%);
    background: linear-gradient(to bottom, #1B5C5C 0%, #103B3B 50%, #071A1A 100%);
}
</style>