#080402 - #2D3438 | 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 #080402 a #2D3438

#080402 #2D3438

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

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

0.0%	0.0% #080402	RGB 8 4 2	#080402
16.7%	16.7% #0E0C0B	RGB 14 12 11	#0E0C0B
33.3%	33.3% #141414	RGB 20 20 20	#141414
50.0%	50.0% #1A1C1D	RGB 26 28 29	#1A1C1D
66.7%	66.7% #202426	RGB 32 36 38	#202426
83.3%	83.3% #262C2F	RGB 38 44 47	#262C2F
100.0%	100.0% #2D3438	RGB 45 52 56	#2D3438

#080402 #0E0C0B #141414 #1A1C1D #202426 #262C2F #2D3438

#080402 - #2D3438

Mezcla HSV

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

0.0%	0.0% #080402	RGB 8 4 2	#080402
16.7%	16.7% #100507	RGB 16 5 7	#100507
33.3%	33.3% #180A13	RGB 24 10 19	#180A13
50.0%	50.0% #1D1020	RGB 29 16 32	#1D1020
66.7%	66.7% #1E1828	RGB 30 24 40	#1E1828
83.3%	83.3% #222430	RGB 34 36 48	#222430
100.0%	100.0% #2D3438	RGB 45 52 56	#2D3438

#080402 #100507 #180A13 #1D1020 #1E1828 #222430 #2D3438

#080402 - #1D1020 - #2D3438

Códigos CSS

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

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