#854A4A - #641C0D | 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 #854A4A a #641C0D

#854A4A #641C0D

Calcule el color entre dos colores, #854A4A y #641C0D. 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)

#854A4A - #641C0D | 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 #854A4A como 0% y #641C0D como 100%.

0.0%	0.0% #854A4A	RGB 133 74 74	#854A4A
16.7%	16.7% #7F423F	RGB 127 66 63	#7F423F
33.3%	33.3% #7A3A35	RGB 122 58 53	#7A3A35
50.0%	50.0% #74332B	RGB 116 51 43	#74332B
66.7%	66.7% #6F2B21	RGB 111 43 33	#6F2B21
83.3%	83.3% #692317	RGB 105 35 23	#692317
100.0%	100.0% #641C0D	RGB 100 28 13	#641C0D

#854A4A #7F423F #7A3A35 #74332B #6F2B21 #692317 #641C0D

#854A4A - #641C0D

Mezcla HSV

#854A4A - #641C0D | 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 #854A4A como 0% y #641C0D como 100%.

0.0%	0.0% #854A4A	RGB 133 74 74	#854A4A
16.7%	16.7% #7F3F3D	RGB 127 63 61	#7F3F3D
33.3%	33.3% #7A3632	RGB 122 54 50	#7A3632
50.0%	50.0% #742E27	RGB 116 46 39	#742E27
66.7%	66.7% #6F271E	RGB 111 39 30	#6F271E
83.3%	83.3% #692115	RGB 105 33 21	#692115
100.0%	100.0% #641C0D	RGB 100 28 13	#641C0D

#854A4A #7F3F3D #7A3632 #742E27 #6F271E #692115 #641C0D

#854A4A - #742E27 - #641C0D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #854A4A 0%, #742E27 50%, #641C0D 100%);
    background: -webkit-linear-gradient(top, #854A4A 0%, #742E27 50%, #641C0D 100%);
    background: linear-gradient(to bottom, #854A4A 0%, #742E27 50%, #641C0D 100%);
}
</style>