#378C8B - #025C49 | 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 #378C8B a #025C49

#378C8B #025C49

Calcule el color entre dos colores, #378C8B y #025C49. 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)

#378C8B - #025C49 | 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 #378C8B como 0% y #025C49 como 100%.

0.0%	0.0% #378C8B	RGB 55 140 139	#378C8B
16.7%	16.7% #2E8480	RGB 46 132 128	#2E8480
33.3%	33.3% #257C75	RGB 37 124 117	#257C75
50.0%	50.0% #1C746A	RGB 28 116 106	#1C746A
66.7%	66.7% #136C5F	RGB 19 108 95	#136C5F
83.3%	83.3% #0A6454	RGB 10 100 84	#0A6454
100.0%	100.0% #025C49	RGB 2 92 73	#025C49

#378C8B #2E8480 #257C75 #1C746A #136C5F #0A6454 #025C49

#378C8B - #025C49

Mezcla HSV

#378C8B - #025C49 | 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 #378C8B como 0% y #025C49 como 100%.

0.0%	0.0% #378C8B	RGB 55 140 139	#378C8B
16.7%	16.7% #2B8480	RGB 43 132 128	#2B8480
33.3%	33.3% #217C74	RGB 33 124 116	#217C74
50.0%	50.0% #187469	RGB 24 116 105	#187469
66.7%	66.7% #0F6C5E	RGB 15 108 94	#0F6C5E
83.3%	83.3% #086453	RGB 8 100 83	#086453
100.0%	100.0% #025C49	RGB 2 92 73	#025C49

#378C8B #2B8480 #217C74 #187469 #0F6C5E #086453 #025C49

#378C8B - #187469 - #025C49

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #378C8B 0%, #187469 50%, #025C49 100%);
    background: -webkit-linear-gradient(top, #378C8B 0%, #187469 50%, #025C49 100%);
    background: linear-gradient(to bottom, #378C8B 0%, #187469 50%, #025C49 100%);
}
</style>