#AB3E5E - #730C20 | 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 #AB3E5E a #730C20

#AB3E5E #730C20

Calcule el color entre dos colores, #AB3E5E y #730C20. 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)

#AB3E5E - #730C20 | 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 #AB3E5E como 0% y #730C20 como 100%.

0.0%	0.0% #AB3E5E	RGB 171 62 94	#AB3E5E
16.7%	16.7% #A13553	RGB 161 53 83	#A13553
33.3%	33.3% #982D49	RGB 152 45 73	#982D49
50.0%	50.0% #8F253F	RGB 143 37 63	#8F253F
66.7%	66.7% #851C34	RGB 133 28 52	#851C34
83.3%	83.3% #7C142A	RGB 124 20 42	#7C142A
100.0%	100.0% #730C20	RGB 115 12 32	#730C20

#AB3E5E #A13553 #982D49 #8F253F #851C34 #7C142A #730C20

#AB3E5E - #730C20

Mezcla HSV

#AB3E5E - #730C20 | 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 #AB3E5E como 0% y #730C20 como 100%.

0.0%	0.0% #AB3E5D	RGB 171 62 93	#AB3E5D
16.7%	16.7% #A13352	RGB 161 51 82	#A13352
33.3%	33.3% #982A46	RGB 152 42 70	#982A46
50.0%	50.0% #8F213C	RGB 143 33 60	#8F213C
66.7%	66.7% #851932	RGB 133 25 50	#851932
83.3%	83.3% #7C1228	RGB 124 18 40	#7C1228
100.0%	100.0% #730C20	RGB 115 12 32	#730C20

#AB3E5D #A13352 #982A46 #8F213C #851932 #7C1228 #730C20

#AB3E5E - #8F213C - #730C20

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB3E5D 0%, #8F213C 50%, #730C20 100%);
    background: -webkit-linear-gradient(top, #AB3E5D 0%, #8F213C 50%, #730C20 100%);
    background: linear-gradient(to bottom, #AB3E5D 0%, #8F213C 50%, #730C20 100%);
}
</style>