#008A84 - #005A3E | 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 #008A84 a #005A3E

#008A84 #005A3E

Calcule el color entre dos colores, #008A84 y #005A3E. 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)

#008A84 - #005A3E | 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 #008A84 como 0% y #005A3E como 100%.

0.0%	0.0% #008A84	RGB 0 138 132	#008A84
16.7%	16.7% #008278	RGB 0 130 120	#008278
33.3%	33.3% #007A6C	RGB 0 122 108	#007A6C
50.0%	50.0% #007261	RGB 0 114 97	#007261
66.7%	66.7% #006A55	RGB 0 106 85	#006A55
83.3%	83.3% #006249	RGB 0 98 73	#006249
100.0%	100.0% #005A3E	RGB 0 90 62	#005A3E

#008A84 #008278 #007A6C #007261 #006A55 #006249 #005A3E

#008A84 - #005A3E

Mezcla HSV

#008A84 - #005A3E | 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 #008A84 como 0% y #005A3E como 100%.

0.0%	0.0% #008A84	RGB 0 138 132	#008A84
16.7%	16.7% #008276	RGB 0 130 118	#008276
33.3%	33.3% #007A69	RGB 0 122 105	#007A69
50.0%	50.0% #00725D	RGB 0 114 93	#00725D
66.7%	66.7% #006A52	RGB 0 106 82	#006A52
83.3%	83.3% #006247	RGB 0 98 71	#006247
100.0%	100.0% #005A3E	RGB 0 90 62	#005A3E

#008A84 #008276 #007A69 #00725D #006A52 #006247 #005A3E

#008A84 - #00725D - #005A3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008A84 0%, #00725D 50%, #005A3E 100%);
    background: -webkit-linear-gradient(top, #008A84 0%, #00725D 50%, #005A3E 100%);
    background: linear-gradient(to bottom, #008A84 0%, #00725D 50%, #005A3E 100%);
}
</style>