#004C4C - #001515 | 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 #004C4C a #001515

#004C4C #001515

Calcule el color entre dos colores, #004C4C y #001515. 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)

#004C4C - #001515 | 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 #004C4C como 0% y #001515 como 100%.

0.0%	0.0% #004C4C	RGB 0 76 76	#004C4C
16.7%	16.7% #004242	RGB 0 66 66	#004242
33.3%	33.3% #003939	RGB 0 57 57	#003939
50.0%	50.0% #003030	RGB 0 48 48	#003030
66.7%	66.7% #002727	RGB 0 39 39	#002727
83.3%	83.3% #001E1E	RGB 0 30 30	#001E1E
100.0%	100.0% #001515	RGB 0 21 21	#001515

#004C4C #004242 #003939 #003030 #002727 #001E1E #001515

#004C4C - #001515

Mezcla HSV

#004C4C - #001515 | 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 #004C4C como 0% y #001515 como 100%.

0.0%	0.0% #004C4C	RGB 0 76 76	#004C4C
16.7%	16.7% #004242	RGB 0 66 66	#004242
33.3%	33.3% #003939	RGB 0 57 57	#003939
50.0%	50.0% #003030	RGB 0 48 48	#003030
66.7%	66.7% #002727	RGB 0 39 39	#002727
83.3%	83.3% #001E1E	RGB 0 30 30	#001E1E
100.0%	100.0% #001515	RGB 0 21 21	#001515

#004C4C #004242 #003939 #003030 #002727 #001E1E #001515

#004C4C - #003030 - #001515

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #004C4C 0%, #003030 50%, #001515 100%);
    background: -webkit-linear-gradient(top, #004C4C 0%, #003030 50%, #001515 100%);
    background: linear-gradient(to bottom, #004C4C 0%, #003030 50%, #001515 100%);
}
</style>