#5E3E5B - #371024 | 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 #5E3E5B a #371024

#5E3E5B #371024

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

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

0.0%	0.0% #5E3E5B	RGB 94 62 91	#5E3E5B
16.7%	16.7% #573651	RGB 87 54 81	#573651
33.3%	33.3% #512E48	RGB 81 46 72	#512E48
50.0%	50.0% #4A273F	RGB 74 39 63	#4A273F
66.7%	66.7% #441F36	RGB 68 31 54	#441F36
83.3%	83.3% #3D172D	RGB 61 23 45	#3D172D
100.0%	100.0% #371024	RGB 55 16 36	#371024

#5E3E5B #573651 #512E48 #4A273F #441F36 #3D172D #371024

#5E3E5B - #371024

Mezcla HSV

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

0.0%	0.0% #5E3E5B	RGB 94 62 91	#5E3E5B
16.7%	16.7% #573451	RGB 87 52 81	#573451
33.3%	33.3% #512B48	RGB 81 43 72	#512B48
50.0%	50.0% #4A233F	RGB 74 35 63	#4A233F
66.7%	66.7% #441C35	RGB 68 28 53	#441C35
83.3%	83.3% #3D152C	RGB 61 21 44	#3D152C
100.0%	100.0% #371024	RGB 55 16 36	#371024

#5E3E5B #573451 #512B48 #4A233F #441C35 #3D152C #371024

#5E3E5B - #4A233F - #371024

Códigos CSS

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

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