#005E5E - #5DB88C | 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 #005E5E a #5DB88C

#005E5E #5DB88C

Calcule el color entre dos colores, #005E5E y #5DB88C. 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)

#005E5E - #5DB88C | 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 #005E5E como 0% y #5DB88C como 100%.

0.0%	0.0% #005E5E	RGB 0 94 94	#005E5E
16.7%	16.7% #0F6D65	RGB 15 109 101	#0F6D65
33.3%	33.3% #1F7C6D	RGB 31 124 109	#1F7C6D
50.0%	50.0% #2E8B75	RGB 46 139 117	#2E8B75
66.7%	66.7% #3E9A7C	RGB 62 154 124	#3E9A7C
83.3%	83.3% #4DA984	RGB 77 169 132	#4DA984
100.0%	100.0% #5DB88C	RGB 93 184 140	#5DB88C

#005E5E #0F6D65 #1F7C6D #2E8B75 #3E9A7C #4DA984 #5DB88C

#005E5E - #5DB88C

Mezcla HSV

#005E5E - #5DB88C | 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 #005E5E como 0% y #5DB88C como 100%.

0.0%	0.0% #005E5E	RGB 0 94 94	#005E5E
16.7%	16.7% #096D64	RGB 9 109 100	#096D64
33.3%	33.3% #147C6B	RGB 20 124 107	#147C6B
50.0%	50.0% #238B71	RGB 35 139 113	#238B71
66.7%	66.7% #339A79	RGB 51 154 121	#339A79
83.3%	83.3% #47A981	RGB 71 169 129	#47A981
100.0%	100.0% #5DB88C	RGB 93 184 140	#5DB88C

#005E5E #096D64 #147C6B #238B71 #339A79 #47A981 #5DB88C

#005E5E - #238B71 - #5DB88C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005E5E 0%, #238B71 50%, #5DB88C 100%);
    background: -webkit-linear-gradient(top, #005E5E 0%, #238B71 50%, #5DB88C 100%);
    background: linear-gradient(to bottom, #005E5E 0%, #238B71 50%, #5DB88C 100%);
}
</style>