#271125 - #5B3C5E | 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 #271125 a #5B3C5E

#271125 #5B3C5E

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

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

0.0%	0.0% #271125	RGB 39 17 37	#271125
16.7%	16.7% #2F182E	RGB 47 24 46	#2F182E
33.3%	33.3% #381F38	RGB 56 31 56	#381F38
50.0%	50.0% #412641	RGB 65 38 65	#412641
66.7%	66.7% #492D4B	RGB 73 45 75	#492D4B
83.3%	83.3% #523454	RGB 82 52 84	#523454
100.0%	100.0% #5B3C5E	RGB 91 60 94	#5B3C5E

#271125 #2F182E #381F38 #412641 #492D4B #523454 #5B3C5E

#271125 - #5B3C5E

Mezcla HSV

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

0.0%	0.0% #271124	RGB 39 17 36	#271124
16.7%	16.7% #30162E	RGB 48 22 46	#30162E
33.3%	33.3% #391C38	RGB 57 28 56	#391C38
50.0%	50.0% #422342	RGB 66 35 66	#422342
66.7%	66.7% #4A2B4B	RGB 74 43 75	#4A2B4B
83.3%	83.3% #523354	RGB 82 51 84	#523354
100.0%	100.0% #5B3C5E	RGB 91 60 94	#5B3C5E

#271124 #30162E #391C38 #422342 #4A2B4B #523354 #5B3C5E

#271125 - #422342 - #5B3C5E

Códigos CSS

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

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