#200040 - #030026 | 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 #200040 a #030026

#200040 #030026

Calcule el color entre dos colores, #200040 y #030026. 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)

#200040 - #030026 | 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 #200040 como 0% y #030026 como 100%.

0.0%	0.0% #200040	RGB 32 0 64	#200040
16.7%	16.7% #1B003B	RGB 27 0 59	#1B003B
33.3%	33.3% #160037	RGB 22 0 55	#160037
50.0%	50.0% #110033	RGB 17 0 51	#110033
66.7%	66.7% #0C002E	RGB 12 0 46	#0C002E
83.3%	83.3% #07002A	RGB 7 0 42	#07002A
100.0%	100.0% #030026	RGB 3 0 38	#030026

#200040 #1B003B #160037 #110033 #0C002E #07002A #030026

#200040 - #030026

Mezcla HSV

#200040 - #030026 | 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 #200040 como 0% y #030026 como 100%.

0.0%	0.0% #200040	RGB 32 0 64	#200040
16.7%	16.7% #19003B	RGB 25 0 59	#19003B
33.3%	33.3% #130037	RGB 19 0 55	#130037
50.0%	50.0% #0E0033	RGB 14 0 51	#0E0033
66.7%	66.7% #0A002E	RGB 10 0 46	#0A002E
83.3%	83.3% #06002A	RGB 6 0 42	#06002A
100.0%	100.0% #030026	RGB 3 0 38	#030026

#200040 #19003B #130037 #0E0033 #0A002E #06002A #030026

#200040 - #0E0033 - #030026

Códigos CSS

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

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