#565553 - #482E0C | 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 #565553 a #482E0C

#565553 #482E0C

Calcule el color entre dos colores, #565553 y #482E0C. 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)

#565553 - #482E0C | 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 #565553 como 0% y #482E0C como 100%.

0.0%	0.0% #565553	RGB 86 85 83	#565553
16.7%	16.7% #534E47	RGB 83 78 71	#534E47
33.3%	33.3% #51483B	RGB 81 72 59	#51483B
50.0%	50.0% #4F412F	RGB 79 65 47	#4F412F
66.7%	66.7% #4C3B23	RGB 76 59 35	#4C3B23
83.3%	83.3% #4A3417	RGB 74 52 23	#4A3417
100.0%	100.0% #482E0C	RGB 72 46 12	#482E0C

#565553 #534E47 #51483B #4F412F #4C3B23 #4A3417 #482E0C

#565553 - #482E0C

Mezcla HSV

#565553 - #482E0C | 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 #565553 como 0% y #482E0C como 100%.

0.0%	0.0% #565553	RGB 86 85 83	#565553
16.7%	16.7% #534E45	RGB 83 78 69	#534E45
33.3%	33.3% #514838	RGB 81 72 56	#514838
50.0%	50.0% #4F412C	RGB 79 65 44	#4F412C
66.7%	66.7% #4C3B21	RGB 76 59 33	#4C3B21
83.3%	83.3% #4A3416	RGB 74 52 22	#4A3416
100.0%	100.0% #482E0C	RGB 72 46 12	#482E0C

#565553 #534E45 #514838 #4F412C #4C3B21 #4A3416 #482E0C

#565553 - #4F412C - #482E0C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #565553 0%, #4F412C 50%, #482E0C 100%);
    background: -webkit-linear-gradient(top, #565553 0%, #4F412C 50%, #482E0C 100%);
    background: linear-gradient(to bottom, #565553 0%, #4F412C 50%, #482E0C 100%);
}
</style>