#5E4D5B - #370A2E | 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 #5E4D5B a #370A2E

#5E4D5B #370A2E

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

#5E4D5B - #370A2E | 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 #5E4D5B como 0% y #370A2E como 100%.

0.0%	0.0% #5E4D5B	RGB 94 77 91	#5E4D5B
16.7%	16.7% #574153	RGB 87 65 83	#574153
33.3%	33.3% #51364C	RGB 81 54 76	#51364C
50.0%	50.0% #4A2B44	RGB 74 43 68	#4A2B44
66.7%	66.7% #44203D	RGB 68 32 61	#44203D
83.3%	83.3% #3D1535	RGB 61 21 53	#3D1535
100.0%	100.0% #370A2E	RGB 55 10 46	#370A2E

#5E4D5B #574153 #51364C #4A2B44 #44203D #3D1535 #370A2E

#5E4D5B - #370A2E

Mezcla HSV

#5E4D5B - #370A2E | 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 #5E4D5B como 0% y #370A2E como 100%.

0.0%	0.0% #5E4D5B	RGB 94 77 91	#5E4D5B
16.7%	16.7% #573E52	RGB 87 62 82	#573E52
33.3%	33.3% #51314B	RGB 81 49 75	#51314B
50.0%	50.0% #4A2543	RGB 74 37 67	#4A2543
66.7%	66.7% #441A3C	RGB 68 26 60	#441A3C
83.3%	83.3% #3D1134	RGB 61 17 52	#3D1134
100.0%	100.0% #370A2E	RGB 55 10 46	#370A2E

#5E4D5B #573E52 #51314B #4A2543 #441A3C #3D1134 #370A2E

#5E4D5B - #4A2543 - #370A2E

Códigos CSS

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

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