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

#00E5E5 #00B9FF

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

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

0.0%	0.0% #00E5E5	RGB 0 229 229	#00E5E5
16.7%	16.7% #00DDE9	RGB 0 221 233	#00DDE9
33.3%	33.3% #00D6ED	RGB 0 214 237	#00D6ED
50.0%	50.0% #00CFF2	RGB 0 207 242	#00CFF2
66.7%	66.7% #00C7F6	RGB 0 199 246	#00C7F6
83.3%	83.3% #00C0FA	RGB 0 192 250	#00C0FA
100.0%	100.0% #00B9FF	RGB 0 185 255	#00B9FF

#00E5E5 #00DDE9 #00D6ED #00CFF2 #00C7F6 #00C0FA #00B9FF

#00E5E5 - #00B9FF

Mezcla HSV

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

0.0%	0.0% #00E5E5	RGB 0 229 229	#00E5E5
16.7%	16.7% #00DEE9	RGB 0 222 233	#00DEE9
33.3%	33.3% #00D7ED	RGB 0 215 237	#00D7ED
50.0%	50.0% #00D0F2	RGB 0 208 242	#00D0F2
66.7%	66.7% #00C9F6	RGB 0 201 246	#00C9F6
83.3%	83.3% #00C1FA	RGB 0 193 250	#00C1FA
100.0%	100.0% #00B9FF	RGB 0 185 255	#00B9FF

#00E5E5 #00DEE9 #00D7ED #00D0F2 #00C9F6 #00C1FA #00B9FF

#00E5E5 - #00D0F2 - #00B9FF

Códigos CSS

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

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