#0A8596 - #1B3D40 | 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 #0A8596 a #1B3D40

#0A8596 #1B3D40

Calcule el color entre dos colores, #0A8596 y #1B3D40. 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)

#0A8596 - #1B3D40 | 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 #0A8596 como 0% y #1B3D40 como 100%.

0.0%	0.0% #0A8596	RGB 10 133 150	#0A8596
16.7%	16.7% #0C7987	RGB 12 121 135	#0C7987
33.3%	33.3% #0F6D79	RGB 15 109 121	#0F6D79
50.0%	50.0% #12616B	RGB 18 97 107	#12616B
66.7%	66.7% #15555C	RGB 21 85 92	#15555C
83.3%	83.3% #18494E	RGB 24 73 78	#18494E
100.0%	100.0% #1B3D40	RGB 27 61 64	#1B3D40

#0A8596 #0C7987 #0F6D79 #12616B #15555C #18494E #1B3D40

#0A8596 - #1B3D40

Mezcla HSV

#0A8596 - #1B3D40 | 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 #0A8596 como 0% y #1B3D40 como 100%.

0.0%	0.0% #098596	RGB 9 133 150	#098596
16.7%	16.7% #117A87	RGB 17 122 135	#117A87
33.3%	33.3% #166E79	RGB 22 110 121	#166E79
50.0%	50.0% #1A626B	RGB 26 98 107	#1A626B
66.7%	66.7% #1C565C	RGB 28 86 92	#1C565C
83.3%	83.3% #1C494E	RGB 28 73 78	#1C494E
100.0%	100.0% #1B3D40	RGB 27 61 64	#1B3D40

#098596 #117A87 #166E79 #1A626B #1C565C #1C494E #1B3D40

#0A8596 - #1A626B - #1B3D40

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #098596 0%, #1A626B 50%, #1B3D40 100%);
    background: -webkit-linear-gradient(top, #098596 0%, #1A626B 50%, #1B3D40 100%);
    background: linear-gradient(to bottom, #098596 0%, #1A626B 50%, #1B3D40 100%);
}
</style>