#008E8E - #8EE7AA | 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 #008E8E a #8EE7AA

#008E8E #8EE7AA

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

#008E8E - #8EE7AA | 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 #008E8E como 0% y #8EE7AA como 100%.

0.0%	0.0% #008E8E	RGB 0 142 142	#008E8E
16.7%	16.7% #179C92	RGB 23 156 146	#179C92
33.3%	33.3% #2FAB97	RGB 47 171 151	#2FAB97
50.0%	50.0% #47BA9C	RGB 71 186 156	#47BA9C
66.7%	66.7% #5EC9A0	RGB 94 201 160	#5EC9A0
83.3%	83.3% #76D8A5	RGB 118 216 165	#76D8A5
100.0%	100.0% #8EE7AA	RGB 142 231 170	#8EE7AA

#008E8E #179C92 #2FAB97 #47BA9C #5EC9A0 #76D8A5 #8EE7AA

#008E8E - #8EE7AA

Mezcla HSV

#008E8E - #8EE7AA | 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 #008E8E como 0% y #8EE7AA como 100%.

0.0%	0.0% #008E8E	RGB 0 142 142	#008E8E
16.7%	16.7% #109C8C	RGB 16 156 140	#109C8C
33.3%	33.3% #23AB8C	RGB 35 171 140	#23AB8C
50.0%	50.0% #39BA8E	RGB 57 186 142	#39BA8E
66.7%	66.7% #52C993	RGB 82 201 147	#52C993
83.3%	83.3% #6ED89B	RGB 110 216 155	#6ED89B
100.0%	100.0% #8EE7AA	RGB 142 231 170	#8EE7AA

#008E8E #109C8C #23AB8C #39BA8E #52C993 #6ED89B #8EE7AA

#008E8E - #39BA8E - #8EE7AA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008E8E 0%, #39BA8E 50%, #8EE7AA 100%);
    background: -webkit-linear-gradient(top, #008E8E 0%, #39BA8E 50%, #8EE7AA 100%);
    background: linear-gradient(to bottom, #008E8E 0%, #39BA8E 50%, #8EE7AA 100%);
}
</style>