#0092A1 - #17484C | 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 #0092A1 a #17484C

#0092A1 #17484C

Calcule el color entre dos colores, #0092A1 y #17484C. 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)

#0092A1 - #17484C | 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 #0092A1 como 0% y #17484C como 100%.

0.0%	0.0% #0092A1	RGB 0 146 161	#0092A1
16.7%	16.7% #038592	RGB 3 133 146	#038592
33.3%	33.3% #077984	RGB 7 121 132	#077984
50.0%	50.0% #0B6D76	RGB 11 109 118	#0B6D76
66.7%	66.7% #0F6068	RGB 15 96 104	#0F6068
83.3%	83.3% #13545A	RGB 19 84 90	#13545A
100.0%	100.0% #17484C	RGB 23 72 76	#17484C

#0092A1 #038592 #077984 #0B6D76 #0F6068 #13545A #17484C

#0092A1 - #17484C

Mezcla HSV

#0092A1 - #17484C | 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 #0092A1 como 0% y #17484C como 100%.

0.0%	0.0% #0091A1	RGB 0 145 161	#0091A1
16.7%	16.7% #078692	RGB 7 134 146	#078692
33.3%	33.3% #0D7A84	RGB 13 122 132	#0D7A84
50.0%	50.0% #116E76	RGB 17 110 118	#116E76
66.7%	66.7% #156168	RGB 21 97 104	#156168
83.3%	83.3% #16545A	RGB 22 84 90	#16545A
100.0%	100.0% #17484C	RGB 23 72 76	#17484C

#0091A1 #078692 #0D7A84 #116E76 #156168 #16545A #17484C

#0092A1 - #116E76 - #17484C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0091A1 0%, #116E76 50%, #17484C 100%);
    background: -webkit-linear-gradient(top, #0091A1 0%, #116E76 50%, #17484C 100%);
    background: linear-gradient(to bottom, #0091A1 0%, #116E76 50%, #17484C 100%);
}
</style>