#565346 - #181614 | 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 #565346 a #181614

#565346 #181614

Calcule el color entre dos colores, #565346 y #181614. 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)

#565346 - #181614 | 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 #565346 como 0% y #181614 como 100%.

0.0%	0.0% #565346	RGB 86 83 70	#565346
16.7%	16.7% #4B483D	RGB 75 72 61	#4B483D
33.3%	33.3% #413E35	RGB 65 62 53	#413E35
50.0%	50.0% #37342D	RGB 55 52 45	#37342D
66.7%	66.7% #2C2A24	RGB 44 42 36	#2C2A24
83.3%	83.3% #22201C	RGB 34 32 28	#22201C
100.0%	100.0% #181614	RGB 24 22 20	#181614

#565346 #4B483D #413E35 #37342D #2C2A24 #22201C #181614

#565346 - #181614

Mezcla HSV

#565346 - #181614 | 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 #565346 como 0% y #181614 como 100%.

0.0%	0.0% #565346	RGB 86 83 70	#565346
16.7%	16.7% #4B483D	RGB 75 72 61	#4B483D
33.3%	33.3% #413D35	RGB 65 61 53	#413D35
50.0%	50.0% #37332D	RGB 55 51 45	#37332D
66.7%	66.7% #2C2924	RGB 44 41 36	#2C2924
83.3%	83.3% #221F1C	RGB 34 31 28	#221F1C
100.0%	100.0% #181614	RGB 24 22 20	#181614

#565346 #4B483D #413D35 #37332D #2C2924 #221F1C #181614

#565346 - #37332D - #181614

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #565346 0%, #37332D 50%, #181614 100%);
    background: -webkit-linear-gradient(top, #565346 0%, #37332D 50%, #181614 100%);
    background: linear-gradient(to bottom, #565346 0%, #37332D 50%, #181614 100%);
}
</style>