#71E5E5 - #01C0C4 | 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 #71E5E5 a #01C0C4

#71E5E5 #01C0C4

Calcule el color entre dos colores, #71E5E5 y #01C0C4. 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)

#71E5E5 - #01C0C4 | 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 #71E5E5 como 0% y #01C0C4 como 100%.

0.0%	0.0% #71E5E5	RGB 113 229 229	#71E5E5
16.7%	16.7% #5EDEDF	RGB 94 222 223	#5EDEDF
33.3%	33.3% #4BD8DA	RGB 75 216 218	#4BD8DA
50.0%	50.0% #39D2D4	RGB 57 210 212	#39D2D4
66.7%	66.7% #26CCCF	RGB 38 204 207	#26CCCF
83.3%	83.3% #13C6C9	RGB 19 198 201	#13C6C9
100.0%	100.0% #01C0C4	RGB 1 192 196	#01C0C4

#71E5E5 #5EDEDF #4BD8DA #39D2D4 #26CCCF #13C6C9 #01C0C4

#71E5E5 - #01C0C4

Mezcla HSV

#71E5E5 - #01C0C4 | 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 #71E5E5 como 0% y #01C0C4 como 100%.

0.0%	0.0% #71E5E5	RGB 113 229 229	#71E5E5
16.7%	16.7% #5CDFDF	RGB 92 223 223	#5CDFDF
33.3%	33.3% #48D9DA	RGB 72 217 218	#48D9DA
50.0%	50.0% #34D2D4	RGB 52 210 212	#34D2D4
66.7%	66.7% #22CCCF	RGB 34 204 207	#22CCCF
83.3%	83.3% #11C6C9	RGB 17 198 201	#11C6C9
100.0%	100.0% #01C0C4	RGB 1 192 196	#01C0C4

#71E5E5 #5CDFDF #48D9DA #34D2D4 #22CCCF #11C6C9 #01C0C4

#71E5E5 - #34D2D4 - #01C0C4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #71E5E5 0%, #34D2D4 50%, #01C0C4 100%);
    background: -webkit-linear-gradient(top, #71E5E5 0%, #34D2D4 50%, #01C0C4 100%);
    background: linear-gradient(to bottom, #71E5E5 0%, #34D2D4 50%, #01C0C4 100%);
}
</style>