#080303 - #2F353E | 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 #080303 a #2F353E

#080303 #2F353E

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

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

0.0%	0.0% #080303	RGB 8 3 3	#080303
16.7%	16.7% #0E0B0C	RGB 14 11 12	#0E0B0C
33.3%	33.3% #151316	RGB 21 19 22	#151316
50.0%	50.0% #1B1C20	RGB 27 28 32	#1B1C20
66.7%	66.7% #22242A	RGB 34 36 42	#22242A
83.3%	83.3% #282C34	RGB 40 44 52	#282C34
100.0%	100.0% #2F353E	RGB 47 53 62	#2F353E

#080303 #0E0B0C #151316 #1B1C20 #22242A #282C34 #2F353E

#080303 - #2F353E

Mezcla HSV

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

0.0%	0.0% #080303	RGB 8 3 3	#080303
16.7%	16.7% #11070B	RGB 17 7 11	#11070B
33.3%	33.3% #1A0D17	RGB 26 13 23	#1A0D17
50.0%	50.0% #1F1323	RGB 31 19 35	#1F1323
66.7%	66.7% #221B2C	RGB 34 27 44	#221B2C
83.3%	83.3% #242435	RGB 36 36 53	#242435
100.0%	100.0% #2F353E	RGB 47 53 62	#2F353E

#080303 #11070B #1A0D17 #1F1323 #221B2C #242435 #2F353E

#080303 - #1F1323 - #2F353E

Códigos CSS

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

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