#003840 - #19090A | 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 #003840 a #19090A

#003840 #19090A

Calcule el color entre dos colores, #003840 y #19090A. 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)

#003840 - #19090A | 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 #003840 como 0% y #19090A como 100%.

0.0%	0.0% #003840	RGB 0 56 64	#003840
16.7%	16.7% #043037	RGB 4 48 55	#043037
33.3%	33.3% #08282E	RGB 8 40 46	#08282E
50.0%	50.0% #0C2025	RGB 12 32 37	#0C2025
66.7%	66.7% #10181C	RGB 16 24 28	#10181C
83.3%	83.3% #141013	RGB 20 16 19	#141013
100.0%	100.0% #19090A	RGB 25 9 10	#19090A

#003840 #043037 #08282E #0C2025 #10181C #141013 #19090A

#003840 - #19090A

Mezcla HSV

#003840 - #19090A | 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 #003840 como 0% y #19090A como 100%.

0.0%	0.0% #003840	RGB 0 56 64	#003840
16.7%	16.7% #031939	RGB 3 25 57	#031939
33.3%	33.3% #080633	RGB 8 6 51	#080633
50.0%	50.0% #1B082C	RGB 27 8 44	#1B082C
66.7%	66.7% #250926	RGB 37 9 38	#250926
83.3%	83.3% #1F0915	RGB 31 9 21	#1F0915
100.0%	100.0% #19090A	RGB 25 9 10	#19090A

#003840 #031939 #080633 #1B082C #250926 #1F0915 #19090A

#003840 - #1B082C - #19090A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003840 0%, #1B082C 50%, #19090A 100%);
    background: -webkit-linear-gradient(top, #003840 0%, #1B082C 50%, #19090A 100%);
    background: linear-gradient(to bottom, #003840 0%, #1B082C 50%, #19090A 100%);
}
</style>