#2C2450 - #1B020B | 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 #2C2450 a #1B020B

#2C2450 #1B020B

Calcule el color entre dos colores, #2C2450 y #1B020B. 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)

#2C2450 - #1B020B | 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 #2C2450 como 0% y #1B020B como 100%.

0.0%	0.0% #2C2450	RGB 44 36 80	#2C2450
16.7%	16.7% #291E44	RGB 41 30 68	#291E44
33.3%	33.3% #261839	RGB 38 24 57	#261839
50.0%	50.0% #23132D	RGB 35 19 45	#23132D
66.7%	66.7% #200D21	RGB 32 13 33	#200D21
83.3%	83.3% #1D0716	RGB 29 7 22	#1D0716
100.0%	100.0% #1B020B	RGB 27 2 11	#1B020B

#2C2450 #291E44 #261839 #23132D #200D21 #1D0716 #1B020B

#2C2450 - #1B020B

Mezcla HSV

#2C2450 - #1B020B | 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 #2C2450 como 0% y #1B020B como 100%.

0.0%	0.0% #2B2450	RGB 43 36 80	#2B2450
16.7%	16.7% #2E1B47	RGB 46 27 71	#2E1B47
33.3%	33.3% #30143E	RGB 48 20 62	#30143E
50.0%	50.0% #310E35	RGB 49 14 53	#310E35
66.7%	66.7% #2C0827	RGB 44 8 39	#2C0827
83.3%	83.3% #230417	RGB 35 4 23	#230417
100.0%	100.0% #1B020B	RGB 27 2 11	#1B020B

#2B2450 #2E1B47 #30143E #310E35 #2C0827 #230417 #1B020B

#2C2450 - #310E35 - #1B020B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2450 0%, #310E35 50%, #1B020B 100%);
    background: -webkit-linear-gradient(top, #2B2450 0%, #310E35 50%, #1B020B 100%);
    background: linear-gradient(to bottom, #2B2450 0%, #310E35 50%, #1B020B 100%);
}
</style>