#008297 - #1B3B3E | 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 #008297 a #1B3B3E

#008297 #1B3B3E

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

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

0.0%	0.0% #008297	RGB 0 130 151	#008297
16.7%	16.7% #047688	RGB 4 118 136	#047688
33.3%	33.3% #096A79	RGB 9 106 121	#096A79
50.0%	50.0% #0D5E6A	RGB 13 94 106	#0D5E6A
66.7%	66.7% #12525B	RGB 18 82 91	#12525B
83.3%	83.3% #16464C	RGB 22 70 76	#16464C
100.0%	100.0% #1B3B3E	RGB 27 59 62	#1B3B3E

#008297 #047688 #096A79 #0D5E6A #12525B #16464C #1B3B3E

#008297 - #1B3B3E

Mezcla HSV

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

0.0%	0.0% #008197	RGB 0 129 151	#008197
16.7%	16.7% #097788	RGB 9 119 136	#097788
33.3%	33.3% #116C79	RGB 17 108 121	#116C79
50.0%	50.0% #17616A	RGB 23 97 106	#17616A
66.7%	66.7% #1A545B	RGB 26 84 91	#1A545B
83.3%	83.3% #1B484C	RGB 27 72 76	#1B484C
100.0%	100.0% #1B3B3E	RGB 27 59 62	#1B3B3E

#008197 #097788 #116C79 #17616A #1A545B #1B484C #1B3B3E

#008297 - #17616A - #1B3B3E

Códigos CSS

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

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