#71D9A1 - #1BA86E | 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 #71D9A1 a #1BA86E

#71D9A1 #1BA86E

Calcule el color entre dos colores, #71D9A1 y #1BA86E. 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)

#71D9A1 - #1BA86E | 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 #71D9A1 como 0% y #1BA86E como 100%.

0.0%	0.0% #71D9A1	RGB 113 217 161	#71D9A1
16.7%	16.7% #62D098	RGB 98 208 152	#62D098
33.3%	33.3% #54C890	RGB 84 200 144	#54C890
50.0%	50.0% #46C087	RGB 70 192 135	#46C087
66.7%	66.7% #37B87F	RGB 55 184 127	#37B87F
83.3%	83.3% #29B076	RGB 41 176 118	#29B076
100.0%	100.0% #1BA86E	RGB 27 168 110	#1BA86E

#71D9A1 #62D098 #54C890 #46C087 #37B87F #29B076 #1BA86E

#71D9A1 - #1BA86E

Mezcla HSV

#71D9A1 - #1BA86E | 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 #71D9A1 como 0% y #1BA86E como 100%.

0.0%	0.0% #71D9A0	RGB 113 217 160	#71D9A0
16.7%	16.7% #60D096	RGB 96 208 150	#60D096
33.3%	33.3% #50C88D	RGB 80 200 141	#50C88D
50.0%	50.0% #41C084	RGB 65 192 132	#41C084
66.7%	66.7% #33B87C	RGB 51 184 124	#33B87C
83.3%	83.3% #26B074	RGB 38 176 116	#26B074
100.0%	100.0% #1BA86E	RGB 27 168 110	#1BA86E

#71D9A0 #60D096 #50C88D #41C084 #33B87C #26B074 #1BA86E

#71D9A1 - #41C084 - #1BA86E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #71D9A0 0%, #41C084 50%, #1BA86E 100%);
    background: -webkit-linear-gradient(top, #71D9A0 0%, #41C084 50%, #1BA86E 100%);
    background: linear-gradient(to bottom, #71D9A0 0%, #41C084 50%, #1BA86E 100%);
}
</style>