#1B9891 - #072B29 | 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 #1B9891 a #072B29

#1B9891 #072B29

Calcule el color entre dos colores, #1B9891 y #072B29. 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)

#1B9891 - #072B29 | 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 #1B9891 como 0% y #072B29 como 100%.

0.0%	0.0% #1B9891	RGB 27 152 145	#1B9891
16.7%	16.7% #17857F	RGB 23 133 127	#17857F
33.3%	33.3% #14736E	RGB 20 115 110	#14736E
50.0%	50.0% #11615D	RGB 17 97 93	#11615D
66.7%	66.7% #0D4F4B	RGB 13 79 75	#0D4F4B
83.3%	83.3% #0A3D3A	RGB 10 61 58	#0A3D3A
100.0%	100.0% #072B29	RGB 7 43 41	#072B29

#1B9891 #17857F #14736E #11615D #0D4F4B #0A3D3A #072B29

#1B9891 - #072B29

Mezcla HSV

#1B9891 - #072B29 | 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 #1B9891 como 0% y #072B29 como 100%.

0.0%	0.0% #1A9890	RGB 26 152 144	#1A9890
16.7%	16.7% #17857F	RGB 23 133 127	#17857F
33.3%	33.3% #13736E	RGB 19 115 110	#13736E
50.0%	50.0% #10615C	RGB 16 97 92	#10615C
66.7%	66.7% #0D4F4B	RGB 13 79 75	#0D4F4B
83.3%	83.3% #0A3D3A	RGB 10 61 58	#0A3D3A
100.0%	100.0% #072B29	RGB 7 43 41	#072B29

#1A9890 #17857F #13736E #10615C #0D4F4B #0A3D3A #072B29

#1B9891 - #10615C - #072B29

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A9890 0%, #10615C 50%, #072B29 100%);
    background: -webkit-linear-gradient(top, #1A9890 0%, #10615C 50%, #072B29 100%);
    background: linear-gradient(to bottom, #1A9890 0%, #10615C 50%, #072B29 100%);
}
</style>