#282A3D - #00130E | 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 #282A3D a #00130E

#282A3D #00130E

Calcule el color entre dos colores, #282A3D y #00130E. 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)

#282A3D - #00130E | 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 #282A3D como 0% y #00130E como 100%.

0.0%	0.0% #282A3D	RGB 40 42 61	#282A3D
16.7%	16.7% #212635	RGB 33 38 53	#212635
33.3%	33.3% #1A222D	RGB 26 34 45	#1A222D
50.0%	50.0% #141E25	RGB 20 30 37	#141E25
66.7%	66.7% #0D1A1D	RGB 13 26 29	#0D1A1D
83.3%	83.3% #061615	RGB 6 22 21	#061615
100.0%	100.0% #00130E	RGB 0 19 14	#00130E

#282A3D #212635 #1A222D #141E25 #0D1A1D #061615 #00130E

#282A3D - #00130E

Mezcla HSV

#282A3D - #00130E | 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 #282A3D como 0% y #00130E como 100%.

0.0%	0.0% #282A3D	RGB 40 42 61	#282A3D
16.7%	16.7% #1D2436	RGB 29 36 54	#1D2436
33.3%	33.3% #14212F	RGB 20 33 47	#14212F
50.0%	50.0% #0D1F28	RGB 13 31 40	#0D1F28
66.7%	66.7% #071D21	RGB 7 29 33	#071D21
83.3%	83.3% #021A18	RGB 2 26 24	#021A18
100.0%	100.0% #00130E	RGB 0 19 14	#00130E

#282A3D #1D2436 #14212F #0D1F28 #071D21 #021A18 #00130E

#282A3D - #0D1F28 - #00130E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #282A3D 0%, #0D1F28 50%, #00130E 100%);
    background: -webkit-linear-gradient(top, #282A3D 0%, #0D1F28 50%, #00130E 100%);
    background: linear-gradient(to bottom, #282A3D 0%, #0D1F28 50%, #00130E 100%);
}
</style>