#50E5E5 - #00C0C7 | 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 #50E5E5 a #00C0C7

#50E5E5 #00C0C7

Calcule el color entre dos colores, #50E5E5 y #00C0C7. 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)

#50E5E5 - #00C0C7 | 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 #50E5E5 como 0% y #00C0C7 como 100%.

0.0%	0.0% #50E5E5	RGB 80 229 229	#50E5E5
16.7%	16.7% #42DEE0	RGB 66 222 224	#42DEE0
33.3%	33.3% #35D8DB	RGB 53 216 219	#35D8DB
50.0%	50.0% #28D2D6	RGB 40 210 214	#28D2D6
66.7%	66.7% #1ACCD1	RGB 26 204 209	#1ACCD1
83.3%	83.3% #0DC6CC	RGB 13 198 204	#0DC6CC
100.0%	100.0% #00C0C7	RGB 0 192 199	#00C0C7

#50E5E5 #42DEE0 #35D8DB #28D2D6 #1ACCD1 #0DC6CC #00C0C7

#50E5E5 - #00C0C7

Mezcla HSV

#50E5E5 - #00C0C7 | 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 #50E5E5 como 0% y #00C0C7 como 100%.

0.0%	0.0% #50E5E5	RGB 80 229 229	#50E5E5
16.7%	16.7% #41DFE0	RGB 65 223 224	#41DFE0
33.3%	33.3% #33D9DB	RGB 51 217 219	#33D9DB
50.0%	50.0% #25D2D6	RGB 37 210 214	#25D2D6
66.7%	66.7% #18CCD1	RGB 24 204 209	#18CCD1
83.3%	83.3% #0BC6CC	RGB 11 198 204	#0BC6CC
100.0%	100.0% #00C0C7	RGB 0 192 199	#00C0C7

#50E5E5 #41DFE0 #33D9DB #25D2D6 #18CCD1 #0BC6CC #00C0C7

#50E5E5 - #25D2D6 - #00C0C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50E5E5 0%, #25D2D6 50%, #00C0C7 100%);
    background: -webkit-linear-gradient(top, #50E5E5 0%, #25D2D6 50%, #00C0C7 100%);
    background: linear-gradient(to bottom, #50E5E5 0%, #25D2D6 50%, #00C0C7 100%);
}
</style>