#0094A1 - #174A4D | 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 #0094A1 a #174A4D

#0094A1 #174A4D

Calcule el color entre dos colores, #0094A1 y #174A4D. 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)

#0094A1 - #174A4D | 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 #0094A1 como 0% y #174A4D como 100%.

0.0%	0.0% #0094A1	RGB 0 148 161	#0094A1
16.7%	16.7% #038793	RGB 3 135 147	#038793
33.3%	33.3% #077B85	RGB 7 123 133	#077B85
50.0%	50.0% #0B6F77	RGB 11 111 119	#0B6F77
66.7%	66.7% #0F6269	RGB 15 98 105	#0F6269
83.3%	83.3% #13565B	RGB 19 86 91	#13565B
100.0%	100.0% #174A4D	RGB 23 74 77	#174A4D

#0094A1 #038793 #077B85 #0B6F77 #0F6269 #13565B #174A4D

#0094A1 - #174A4D

Mezcla HSV

#0094A1 - #174A4D | 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 #0094A1 como 0% y #174A4D como 100%.

0.0%	0.0% #0094A1	RGB 0 148 161	#0094A1
16.7%	16.7% #078893	RGB 7 136 147	#078893
33.3%	33.3% #0D7C85	RGB 13 124 133	#0D7C85
50.0%	50.0% #117077	RGB 17 112 119	#117077
66.7%	66.7% #146369	RGB 20 99 105	#146369
83.3%	83.3% #16565B	RGB 22 86 91	#16565B
100.0%	100.0% #174A4D	RGB 23 74 77	#174A4D

#0094A1 #078893 #0D7C85 #117077 #146369 #16565B #174A4D

#0094A1 - #117077 - #174A4D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0094A1 0%, #117077 50%, #174A4D 100%);
    background: -webkit-linear-gradient(top, #0094A1 0%, #117077 50%, #174A4D 100%);
    background: linear-gradient(to bottom, #0094A1 0%, #117077 50%, #174A4D 100%);
}
</style>