#A94B5E - #5E131F | 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 #A94B5E a #5E131F

#A94B5E #5E131F

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

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

0.0%	0.0% #A94B5E	RGB 169 75 94	#A94B5E
16.7%	16.7% #9C4153	RGB 156 65 83	#9C4153
33.3%	33.3% #903849	RGB 144 56 73	#903849
50.0%	50.0% #832F3E	RGB 131 47 62	#832F3E
66.7%	66.7% #772534	RGB 119 37 52	#772534
83.3%	83.3% #6A1C29	RGB 106 28 41	#6A1C29
100.0%	100.0% #5E131F	RGB 94 19 31	#5E131F

#A94B5E #9C4153 #903849 #832F3E #772534 #6A1C29 #5E131F

#A94B5E - #5E131F

Mezcla HSV

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

0.0%	0.0% #A94B5E	RGB 169 75 94	#A94B5E
16.7%	16.7% #9C3F51	RGB 156 63 81	#9C3F51
33.3%	33.3% #903445	RGB 144 52 69	#903445
50.0%	50.0% #832A3A	RGB 131 42 58	#832A3A
66.7%	66.7% #772130	RGB 119 33 48	#772130
83.3%	83.3% #6A1927	RGB 106 25 39	#6A1927
100.0%	100.0% #5E131F	RGB 94 19 31	#5E131F

#A94B5E #9C3F51 #903445 #832A3A #772130 #6A1927 #5E131F

#A94B5E - #832A3A - #5E131F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A94B5E 0%, #832A3A 50%, #5E131F 100%);
    background: -webkit-linear-gradient(top, #A94B5E 0%, #832A3A 50%, #5E131F 100%);
    background: linear-gradient(to bottom, #A94B5E 0%, #832A3A 50%, #5E131F 100%);
}
</style>