#01FFEF - #004843 | 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 #01FFEF a #004843

#01FFEF #004843

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

#01FFEF - #004843 | 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 #01FFEF como 0% y #004843 como 100%.

0.0%	0.0% #01FFEF	RGB 1 255 239	#01FFEF
16.7%	16.7% #00E0D2	RGB 0 224 210	#00E0D2
33.3%	33.3% #00C2B5	RGB 0 194 181	#00C2B5
50.0%	50.0% #00A399	RGB 0 163 153	#00A399
66.7%	66.7% #00847C	RGB 0 132 124	#00847C
83.3%	83.3% #00665F	RGB 0 102 95	#00665F
100.0%	100.0% #004843	RGB 0 72 67	#004843

#01FFEF #00E0D2 #00C2B5 #00A399 #00847C #00665F #004843

#01FFEF - #004843

Mezcla HSV

#01FFEF - #004843 | 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 #01FFEF como 0% y #004843 como 100%.

0.0%	0.0% #00FFEF	RGB 0 255 239	#00FFEF
16.7%	16.7% #00E0D2	RGB 0 224 210	#00E0D2
33.3%	33.3% #00C2B5	RGB 0 194 181	#00C2B5
50.0%	50.0% #00A398	RGB 0 163 152	#00A398
66.7%	66.7% #00847C	RGB 0 132 124	#00847C
83.3%	83.3% #00665F	RGB 0 102 95	#00665F
100.0%	100.0% #004843	RGB 0 72 67	#004843

#00FFEF #00E0D2 #00C2B5 #00A398 #00847C #00665F #004843

#01FFEF - #00A398 - #004843

Códigos CSS

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

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