#6B5E8C - #181E3A | 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 #6B5E8C a #181E3A

#6B5E8C #181E3A

Calcule el color entre dos colores, #6B5E8C y #181E3A. 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)

#6B5E8C - #181E3A | 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 #6B5E8C como 0% y #181E3A como 100%.

0.0%	0.0% #6B5E8C	RGB 107 94 140	#6B5E8C
16.7%	16.7% #5D537E	RGB 93 83 126	#5D537E
33.3%	33.3% #4F4870	RGB 79 72 112	#4F4870
50.0%	50.0% #413E63	RGB 65 62 99	#413E63
66.7%	66.7% #333355	RGB 51 51 85	#333355
83.3%	83.3% #252847	RGB 37 40 71	#252847
100.0%	100.0% #181E3A	RGB 24 30 58	#181E3A

#6B5E8C #5D537E #4F4870 #413E63 #333355 #252847 #181E3A

#6B5E8C - #181E3A

Mezcla HSV

#6B5E8C - #181E3A | 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 #6B5E8C como 0% y #181E3A como 100%.

0.0%	0.0% #6B5E8C	RGB 107 94 140	#6B5E8C
16.7%	16.7% #594F7E	RGB 89 79 126	#594F7E
33.3%	33.3% #484170	RGB 72 65 112	#484170
50.0%	50.0% #383563	RGB 56 53 99	#383563
66.7%	66.7% #2A2B55	RGB 42 43 85	#2A2B55
83.3%	83.3% #202447	RGB 32 36 71	#202447
100.0%	100.0% #181E3A	RGB 24 30 58	#181E3A

#6B5E8C #594F7E #484170 #383563 #2A2B55 #202447 #181E3A

#6B5E8C - #383563 - #181E3A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E8C 0%, #383563 50%, #181E3A 100%);
    background: -webkit-linear-gradient(top, #6B5E8C 0%, #383563 50%, #181E3A 100%);
    background: linear-gradient(to bottom, #6B5E8C 0%, #383563 50%, #181E3A 100%);
}
</style>