#008070 - #8ADD99 | 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 #008070 a #8ADD99

#008070 #8ADD99

Calcule el color entre dos colores, #008070 y #8ADD99. 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)

#008070 - #8ADD99 | 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 #008070 como 0% y #8ADD99 como 100%.

0.0%	0.0% #008070	RGB 0 128 112	#008070
16.7%	16.7% #178F76	RGB 23 143 118	#178F76
33.3%	33.3% #2E9F7D	RGB 46 159 125	#2E9F7D
50.0%	50.0% #45AE84	RGB 69 174 132	#45AE84
66.7%	66.7% #5CBE8B	RGB 92 190 139	#5CBE8B
83.3%	83.3% #73CD92	RGB 115 205 146	#73CD92
100.0%	100.0% #8ADD99	RGB 138 221 153	#8ADD99

#008070 #178F76 #2E9F7D #45AE84 #5CBE8B #73CD92 #8ADD99

#008070 - #8ADD99

Mezcla HSV

#008070 - #8ADD99 | 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 #008070 como 0% y #8ADD99 como 100%.

0.0%	0.0% #008070	RGB 0 128 112	#008070
16.7%	16.7% #0E8F70	RGB 14 143 112	#0E8F70
33.3%	33.3% #219F72	RGB 33 159 114	#219F72
50.0%	50.0% #36AE75	RGB 54 174 117	#36AE75
66.7%	66.7% #4FBE7C	RGB 79 190 124	#4FBE7C
83.3%	83.3% #6ACD88	RGB 106 205 136	#6ACD88
100.0%	100.0% #8ADD99	RGB 138 221 153	#8ADD99

#008070 #0E8F70 #219F72 #36AE75 #4FBE7C #6ACD88 #8ADD99

#008070 - #36AE75 - #8ADD99

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008070 0%, #36AE75 50%, #8ADD99 100%);
    background: -webkit-linear-gradient(top, #008070 0%, #36AE75 50%, #8ADD99 100%);
    background: linear-gradient(to bottom, #008070 0%, #36AE75 50%, #8ADD99 100%);
}
</style>