#14C0B5 - #005C5E | 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 #14C0B5 a #005C5E

#14C0B5 #005C5E

Calcule el color entre dos colores, #14C0B5 y #005C5E. 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)

#14C0B5 - #005C5E | 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 #14C0B5 como 0% y #005C5E como 100%.

0.0%	0.0% #14C0B5	RGB 20 192 181	#14C0B5
16.7%	16.7% #10AFA6	RGB 16 175 166	#10AFA6
33.3%	33.3% #0D9E98	RGB 13 158 152	#0D9E98
50.0%	50.0% #0A8E89	RGB 10 142 137	#0A8E89
66.7%	66.7% #067D7B	RGB 6 125 123	#067D7B
83.3%	83.3% #036C6C	RGB 3 108 108	#036C6C
100.0%	100.0% #005C5E	RGB 0 92 94	#005C5E

#14C0B5 #10AFA6 #0D9E98 #0A8E89 #067D7B #036C6C #005C5E

#14C0B5 - #005C5E

Mezcla HSV

#14C0B5 - #005C5E | 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 #14C0B5 como 0% y #005C5E como 100%.

0.0%	0.0% #14C0B5	RGB 20 192 181	#14C0B5
16.7%	16.7% #0FAFA7	RGB 15 175 167	#0FAFA7
33.3%	33.3% #0B9F9A	RGB 11 159 154	#0B9F9A
50.0%	50.0% #078F8C	RGB 7 143 140	#078F8C
66.7%	66.7% #047E7D	RGB 4 126 125	#047E7D
83.3%	83.3% #016D6E	RGB 1 109 110	#016D6E
100.0%	100.0% #005C5E	RGB 0 92 94	#005C5E

#14C0B5 #0FAFA7 #0B9F9A #078F8C #047E7D #016D6E #005C5E

#14C0B5 - #078F8C - #005C5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #14C0B5 0%, #078F8C 50%, #005C5E 100%);
    background: -webkit-linear-gradient(top, #14C0B5 0%, #078F8C 50%, #005C5E 100%);
    background: linear-gradient(to bottom, #14C0B5 0%, #078F8C 50%, #005C5E 100%);
}
</style>