#080502 - #302D3C | 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 #080502 a #302D3C

#080502 #302D3C

Calcule el color entre dos colores, #080502 y #302D3C. 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)

#080502 - #302D3C | 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 #080502 como 0% y #302D3C como 100%.

0.0%	0.0% #080502	RGB 8 5 2	#080502
16.7%	16.7% #0E0B0B	RGB 14 11 11	#0E0B0B
33.3%	33.3% #151215	RGB 21 18 21	#151215
50.0%	50.0% #1C191F	RGB 28 25 31	#1C191F
66.7%	66.7% #221F28	RGB 34 31 40	#221F28
83.3%	83.3% #292632	RGB 41 38 50	#292632
100.0%	100.0% #302D3C	RGB 48 45 60	#302D3C

#080502 #0E0B0B #151215 #1C191F #221F28 #292632 #302D3C

#080502 - #302D3C

Mezcla HSV

#080502 - #302D3C | 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 #080502 como 0% y #302D3C como 100%.

0.0%	0.0% #080502	RGB 8 5 2	#080502
16.7%	16.7% #100605	RGB 16 6 5	#100605
33.3%	33.3% #190A0E	RGB 25 10 14	#190A0E
50.0%	50.0% #22111C	RGB 34 17 28	#22111C
66.7%	66.7% #2A182A	RGB 42 24 42	#2A182A
83.3%	83.3% #2C2233	RGB 44 34 51	#2C2233
100.0%	100.0% #302D3C	RGB 48 45 60	#302D3C

#080502 #100605 #190A0E #22111C #2A182A #2C2233 #302D3C

#080502 - #22111C - #302D3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080502 0%, #22111C 50%, #302D3C 100%);
    background: -webkit-linear-gradient(top, #080502 0%, #22111C 50%, #302D3C 100%);
    background: linear-gradient(to bottom, #080502 0%, #22111C 50%, #302D3C 100%);
}
</style>