#534D5E - #251319 | 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 #534D5E a #251319

#534D5E #251319

Calcule el color entre dos colores, #534D5E y #251319. 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)

#534D5E - #251319 | 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 #534D5E como 0% y #251319 como 100%.

0.0%	0.0% #534D5E	RGB 83 77 94	#534D5E
16.7%	16.7% #4B4352	RGB 75 67 82	#4B4352
33.3%	33.3% #433947	RGB 67 57 71	#433947
50.0%	50.0% #3C303B	RGB 60 48 59	#3C303B
66.7%	66.7% #342630	RGB 52 38 48	#342630
83.3%	83.3% #2C1C24	RGB 44 28 36	#2C1C24
100.0%	100.0% #251319	RGB 37 19 25	#251319

#534D5E #4B4352 #433947 #3C303B #342630 #2C1C24 #251319

#534D5E - #251319

Mezcla HSV

#534D5E - #251319 | 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 #534D5E como 0% y #251319 como 100%.

0.0%	0.0% #534D5E	RGB 83 77 94	#534D5E
16.7%	16.7% #4C4054	RGB 76 64 84	#4C4054
33.3%	33.3% #46354B	RGB 70 53 75	#46354B
50.0%	50.0% #412B41	RGB 65 43 65	#412B41
66.7%	66.7% #382233	RGB 56 34 51	#382233
83.3%	83.3% #2E1A25	RGB 46 26 37	#2E1A25
100.0%	100.0% #251319	RGB 37 19 25	#251319

#534D5E #4C4054 #46354B #412B41 #382233 #2E1A25 #251319

#534D5E - #412B41 - #251319

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #534D5E 0%, #412B41 50%, #251319 100%);
    background: -webkit-linear-gradient(top, #534D5E 0%, #412B41 50%, #251319 100%);
    background: linear-gradient(to bottom, #534D5E 0%, #412B41 50%, #251319 100%);
}
</style>