#00C2FF - #005FFF | 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 #00C2FF a #005FFF

#00C2FF #005FFF

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

#00C2FF - #005FFF | 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 #00C2FF como 0% y #005FFF como 100%.

0.0%	0.0% #00C2FF	RGB 0 194 255	#00C2FF
16.7%	16.7% #00B1FF	RGB 0 177 255	#00B1FF
33.3%	33.3% #00A1FF	RGB 0 161 255	#00A1FF
50.0%	50.0% #0090FF	RGB 0 144 255	#0090FF
66.7%	66.7% #0080FF	RGB 0 128 255	#0080FF
83.3%	83.3% #006FFF	RGB 0 111 255	#006FFF
100.0%	100.0% #005FFF	RGB 0 95 255	#005FFF

#00C2FF #00B1FF #00A1FF #0090FF #0080FF #006FFF #005FFF

#00C2FF - #005FFF

Mezcla HSV

#00C2FF - #005FFF | 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 #00C2FF como 0% y #005FFF como 100%.

0.0%	0.0% #00C2FF	RGB 0 194 255	#00C2FF
16.7%	16.7% #00B1FF	RGB 0 177 255	#00B1FF
33.3%	33.3% #00A1FF	RGB 0 161 255	#00A1FF
50.0%	50.0% #0090FF	RGB 0 144 255	#0090FF
66.7%	66.7% #0080FF	RGB 0 128 255	#0080FF
83.3%	83.3% #006FFF	RGB 0 111 255	#006FFF
100.0%	100.0% #005FFF	RGB 0 95 255	#005FFF

#00C2FF #00B1FF #00A1FF #0090FF #0080FF #006FFF #005FFF

#00C2FF - #0090FF - #005FFF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C2FF 0%, #0090FF 50%, #005FFF 100%);
    background: -webkit-linear-gradient(top, #00C2FF 0%, #0090FF 50%, #005FFF 100%);
    background: linear-gradient(to bottom, #00C2FF 0%, #0090FF 50%, #005FFF 100%);
}
</style>