#1D1E18 - #515D4C | 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 #1D1E18 a #515D4C

#1D1E18 #515D4C

Calcule el color entre dos colores, #1D1E18 y #515D4C. 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)

#1D1E18 - #515D4C | 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 #1D1E18 como 0% y #515D4C como 100%.

0.0%	0.0% #1D1E18	RGB 29 30 24	#1D1E18
16.7%	16.7% #252820	RGB 37 40 32	#252820
33.3%	33.3% #2E3329	RGB 46 51 41	#2E3329
50.0%	50.0% #373D32	RGB 55 61 50	#373D32
66.7%	66.7% #3F483A	RGB 63 72 58	#3F483A
83.3%	83.3% #485243	RGB 72 82 67	#485243
100.0%	100.0% #515D4C	RGB 81 93 76	#515D4C

#1D1E18 #252820 #2E3329 #373D32 #3F483A #485243 #515D4C

#1D1E18 - #515D4C

Mezcla HSV

#1D1E18 - #515D4C | 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 #1D1E18 como 0% y #515D4C como 100%.

0.0%	0.0% #1D1E18	RGB 29 30 24	#1D1E18
16.7%	16.7% #262820	RGB 38 40 32	#262820
33.3%	33.3% #2F3329	RGB 47 51 41	#2F3329
50.0%	50.0% #383D31	RGB 56 61 49	#383D31
66.7%	66.7% #40483A	RGB 64 72 58	#40483A
83.3%	83.3% #495243	RGB 73 82 67	#495243
100.0%	100.0% #515D4C	RGB 81 93 76	#515D4C

#1D1E18 #262820 #2F3329 #383D31 #40483A #495243 #515D4C

#1D1E18 - #383D31 - #515D4C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D1E18 0%, #383D31 50%, #515D4C 100%);
    background: -webkit-linear-gradient(top, #1D1E18 0%, #383D31 50%, #515D4C 100%);
    background: linear-gradient(to bottom, #1D1E18 0%, #383D31 50%, #515D4C 100%);
}
</style>