#2D2B5E - #220210 | 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 #2D2B5E a #220210

#2D2B5E #220210

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

#2D2B5E - #220210 | 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 #2D2B5E como 0% y #220210 como 100%.

0.0%	0.0% #2D2B5E	RGB 45 43 94	#2D2B5E
16.7%	16.7% #2B2451	RGB 43 36 81	#2B2451
33.3%	33.3% #291D44	RGB 41 29 68	#291D44
50.0%	50.0% #271637	RGB 39 22 55	#271637
66.7%	66.7% #250F2A	RGB 37 15 42	#250F2A
83.3%	83.3% #23081D	RGB 35 8 29	#23081D
100.0%	100.0% #220210	RGB 34 2 16	#220210

#2D2B5E #2B2451 #291D44 #271637 #250F2A #23081D #220210

#2D2B5E - #220210

Mezcla HSV

#2D2B5E - #220210 | 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 #2D2B5E como 0% y #220210 como 100%.

0.0%	0.0% #2D2B5E	RGB 45 43 94	#2D2B5E
16.7%	16.7% #2F2054	RGB 47 32 84	#2F2054
33.3%	33.3% #33184A	RGB 51 24 74	#33184A
50.0%	50.0% #361040	RGB 54 16 64	#361040
66.7%	66.7% #360A33	RGB 54 10 51	#360A33
83.3%	83.3% #2C0520	RGB 44 5 32	#2C0520
100.0%	100.0% #220210	RGB 34 2 16	#220210

#2D2B5E #2F2054 #33184A #361040 #360A33 #2C0520 #220210

#2D2B5E - #361040 - #220210

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2B5E 0%, #361040 50%, #220210 100%);
    background: -webkit-linear-gradient(top, #2D2B5E 0%, #361040 50%, #220210 100%);
    background: linear-gradient(to bottom, #2D2B5E 0%, #361040 50%, #220210 100%);
}
</style>