#854A5E - #4C141B | 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 #854A5E a #4C141B

#854A5E #4C141B

Calcule el color entre dos colores, #854A5E y #4C141B. 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)

#854A5E - #4C141B | 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 #854A5E como 0% y #4C141B como 100%.

0.0%	0.0% #854A5E	RGB 133 74 94	#854A5E
16.7%	16.7% #7B4152	RGB 123 65 82	#7B4152
33.3%	33.3% #723847	RGB 114 56 71	#723847
50.0%	50.0% #682F3C	RGB 104 47 60	#682F3C
66.7%	66.7% #5F2631	RGB 95 38 49	#5F2631
83.3%	83.3% #551D26	RGB 85 29 38	#551D26
100.0%	100.0% #4C141B	RGB 76 20 27	#4C141B

#854A5E #7B4152 #723847 #682F3C #5F2631 #551D26 #4C141B

#854A5E - #4C141B

Mezcla HSV

#854A5E - #4C141B | 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 #854A5E como 0% y #4C141B como 100%.

0.0%	0.0% #854A5D	RGB 133 74 93	#854A5D
16.7%	16.7% #7B3E51	RGB 123 62 81	#7B3E51
33.3%	33.3% #723444	RGB 114 52 68	#723444
50.0%	50.0% #682A39	RGB 104 42 57	#682A39
66.7%	66.7% #5F222E	RGB 95 34 46	#5F222E
83.3%	83.3% #551A24	RGB 85 26 36	#551A24
100.0%	100.0% #4C141B	RGB 76 20 27	#4C141B

#854A5D #7B3E51 #723444 #682A39 #5F222E #551A24 #4C141B

#854A5E - #682A39 - #4C141B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #854A5D 0%, #682A39 50%, #4C141B 100%);
    background: -webkit-linear-gradient(top, #854A5D 0%, #682A39 50%, #4C141B 100%);
    background: linear-gradient(to bottom, #854A5D 0%, #682A39 50%, #4C141B 100%);
}
</style>