#5E3642 - #C35E5E | 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 #5E3642 a #C35E5E

#5E3642 #C35E5E

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

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

0.0%	0.0% #5E3642	RGB 94 54 66	#5E3642
16.7%	16.7% #6E3C46	RGB 110 60 70	#6E3C46
33.3%	33.3% #7F434B	RGB 127 67 75	#7F434B
50.0%	50.0% #904A50	RGB 144 74 80	#904A50
66.7%	66.7% #A15054	RGB 161 80 84	#A15054
83.3%	83.3% #B25759	RGB 178 87 89	#B25759
100.0%	100.0% #C35E5E	RGB 195 94 94	#C35E5E

#5E3642 #6E3C46 #7F434B #904A50 #A15054 #B25759 #C35E5E

#5E3642 - #C35E5E

Mezcla HSV

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

0.0%	0.0% #5E3642	RGB 94 54 66	#5E3642
16.7%	16.7% #6E3D4A	RGB 110 61 74	#6E3D4A
33.3%	33.3% #7F4551	RGB 127 69 81	#7F4551
50.0%	50.0% #904C56	RGB 144 76 86	#904C56
66.7%	66.7% #A1525A	RGB 161 82 90	#A1525A
83.3%	83.3% #B2585D	RGB 178 88 93	#B2585D
100.0%	100.0% #C35E5E	RGB 195 94 94	#C35E5E

#5E3642 #6E3D4A #7F4551 #904C56 #A1525A #B2585D #C35E5E

#5E3642 - #904C56 - #C35E5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3642 0%, #904C56 50%, #C35E5E 100%);
    background: -webkit-linear-gradient(top, #5E3642 0%, #904C56 50%, #C35E5E 100%);
    background: linear-gradient(to bottom, #5E3642 0%, #904C56 50%, #C35E5E 100%);
}
</style>