#1A8F8C - #005F48 | 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 #1A8F8C a #005F48

#1A8F8C #005F48

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

#1A8F8C - #005F48 | 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 #1A8F8C como 0% y #005F48 como 100%.

0.0%	0.0% #1A8F8C	RGB 26 143 140	#1A8F8C
16.7%	16.7% #158780	RGB 21 135 128	#158780
33.3%	33.3% #117F75	RGB 17 127 117	#117F75
50.0%	50.0% #0D776A	RGB 13 119 106	#0D776A
66.7%	66.7% #086F5E	RGB 8 111 94	#086F5E
83.3%	83.3% #046753	RGB 4 103 83	#046753
100.0%	100.0% #005F48	RGB 0 95 72	#005F48

#1A8F8C #158780 #117F75 #0D776A #086F5E #046753 #005F48

#1A8F8C - #005F48

Mezcla HSV

#1A8F8C - #005F48 | 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 #1A8F8C como 0% y #005F48 como 100%.

0.0%	0.0% #1A8F8C	RGB 26 143 140	#1A8F8C
16.7%	16.7% #14877F	RGB 20 135 127	#14877F
33.3%	33.3% #0F7F74	RGB 15 127 116	#0F7F74
50.0%	50.0% #0A7768	RGB 10 119 104	#0A7768
66.7%	66.7% #066F5D	RGB 6 111 93	#066F5D
83.3%	83.3% #036752	RGB 3 103 82	#036752
100.0%	100.0% #005F48	RGB 0 95 72	#005F48

#1A8F8C #14877F #0F7F74 #0A7768 #066F5D #036752 #005F48

#1A8F8C - #0A7768 - #005F48

Códigos CSS

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

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