#140C0C - #4D4344 | 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 #140C0C a #4D4344

#140C0C #4D4344

Calcule el color entre dos colores, #140C0C y #4D4344. 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)

#140C0C - #4D4344 | 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 #140C0C como 0% y #4D4344 como 100%.

0.0%	0.0% #140C0C	RGB 20 12 12	#140C0C
16.7%	16.7% #1D1515	RGB 29 21 21	#1D1515
33.3%	33.3% #271E1E	RGB 39 30 30	#271E1E
50.0%	50.0% #302728	RGB 48 39 40	#302728
66.7%	66.7% #3A3031	RGB 58 48 49	#3A3031
83.3%	83.3% #43393A	RGB 67 57 58	#43393A
100.0%	100.0% #4D4344	RGB 77 67 68	#4D4344

#140C0C #1D1515 #271E1E #302728 #3A3031 #43393A #4D4344

#140C0C - #4D4344

Mezcla HSV

#140C0C - #4D4344 | 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 #140C0C como 0% y #4D4344 como 100%.

0.0%	0.0% #140C0C	RGB 20 12 12	#140C0C
16.7%	16.7% #1D1313	RGB 29 19 19	#1D1313
33.3%	33.3% #271A1B	RGB 39 26 27	#271A1B
50.0%	50.0% #302324	RGB 48 35 36	#302324
66.7%	66.7% #3A2D2E	RGB 58 45 46	#3A2D2E
83.3%	83.3% #433738	RGB 67 55 56	#433738
100.0%	100.0% #4D4344	RGB 77 67 68	#4D4344

#140C0C #1D1313 #271A1B #302324 #3A2D2E #433738 #4D4344

#140C0C - #302324 - #4D4344

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #140C0C 0%, #302324 50%, #4D4344 100%);
    background: -webkit-linear-gradient(top, #140C0C 0%, #302324 50%, #4D4344 100%);
    background: linear-gradient(to bottom, #140C0C 0%, #302324 50%, #4D4344 100%);
}
</style>