#008E8C - #8FE7A8 | 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 #008E8C a #8FE7A8

#008E8C #8FE7A8

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

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

0.0%	0.0% #008E8C	RGB 0 142 140	#008E8C
16.7%	16.7% #179C90	RGB 23 156 144	#179C90
33.3%	33.3% #2FAB95	RGB 47 171 149	#2FAB95
50.0%	50.0% #47BA9A	RGB 71 186 154	#47BA9A
66.7%	66.7% #5FC99E	RGB 95 201 158	#5FC99E
83.3%	83.3% #77D8A3	RGB 119 216 163	#77D8A3
100.0%	100.0% #8FE7A8	RGB 143 231 168	#8FE7A8

#008E8C #179C90 #2FAB95 #47BA9A #5FC99E #77D8A3 #8FE7A8

#008E8C - #8FE7A8

Mezcla HSV

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

0.0%	0.0% #008E8C	RGB 0 142 140	#008E8C
16.7%	16.7% #109C8A	RGB 16 156 138	#109C8A
33.3%	33.3% #23AB89	RGB 35 171 137	#23AB89
50.0%	50.0% #39BA8B	RGB 57 186 139	#39BA8B
66.7%	66.7% #53C990	RGB 83 201 144	#53C990
83.3%	83.3% #6FD899	RGB 111 216 153	#6FD899
100.0%	100.0% #8FE7A8	RGB 143 231 168	#8FE7A8

#008E8C #109C8A #23AB89 #39BA8B #53C990 #6FD899 #8FE7A8

#008E8C - #39BA8B - #8FE7A8

Códigos CSS

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

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