#5E3E48 - #371310 | 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 #5E3E48 a #371310

#5E3E48 #371310

Calcule el color entre dos colores, #5E3E48 y #371310. 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)

#5E3E48 - #371310 | 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 #5E3E48 como 0% y #371310 como 100%.

0.0%	0.0% #5E3E48	RGB 94 62 72	#5E3E48
16.7%	16.7% #57363E	RGB 87 54 62	#57363E
33.3%	33.3% #512F35	RGB 81 47 53	#512F35
50.0%	50.0% #4A282C	RGB 74 40 44	#4A282C
66.7%	66.7% #442122	RGB 68 33 34	#442122
83.3%	83.3% #3D1A19	RGB 61 26 25	#3D1A19
100.0%	100.0% #371310	RGB 55 19 16	#371310

#5E3E48 #57363E #512F35 #4A282C #442122 #3D1A19 #371310

#5E3E48 - #371310

Mezcla HSV

#5E3E48 - #371310 | 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 #5E3E48 como 0% y #371310 como 100%.

0.0%	0.0% #5E3E48	RGB 94 62 72	#5E3E48
16.7%	16.7% #57343D	RGB 87 52 61	#57343D
33.3%	33.3% #512B32	RGB 81 43 50	#512B32
50.0%	50.0% #4A2328	RGB 74 35 40	#4A2328
66.7%	66.7% #441C1E	RGB 68 28 30	#441C1E
83.3%	83.3% #3D1615	RGB 61 22 21	#3D1615
100.0%	100.0% #371310	RGB 55 19 16	#371310

#5E3E48 #57343D #512B32 #4A2328 #441C1E #3D1615 #371310

#5E3E48 - #4A2328 - #371310

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E48 0%, #4A2328 50%, #371310 100%);
    background: -webkit-linear-gradient(top, #5E3E48 0%, #4A2328 50%, #371310 100%);
    background: linear-gradient(to bottom, #5E3E48 0%, #4A2328 50%, #371310 100%);
}
</style>