#000000 - #321E3E | 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 #000000 a #321E3E

#000000 #321E3E

Calcule el color entre dos colores, #000000 y #321E3E. 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)

#000000 - #321E3E | 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 #000000 como 0% y #321E3E como 100%.

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #08050A	RGB 8 5 10	#08050A
33.3%	33.3% #100A14	RGB 16 10 20	#100A14
50.0%	50.0% #190F1F	RGB 25 15 31	#190F1F
66.7%	66.7% #211429	RGB 33 20 41	#211429
83.3%	83.3% #291933	RGB 41 25 51	#291933
100.0%	100.0% #321E3E	RGB 50 30 62	#321E3E

#000000 #08050A #100A14 #190F1F #211429 #291933 #321E3E

#000000 - #321E3E

Mezcla HSV

#000000 - #321E3E | 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 #000000 como 0% y #321E3E como 100%.

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #0A0909	RGB 10 9 9	#0A0909
33.3%	33.3% #141112	RGB 20 17 18	#141112
50.0%	50.0% #1F171C	RGB 31 23 28	#1F171C
66.7%	66.7% #291B28	RGB 41 27 40	#291B28
83.3%	83.3% #301D33	RGB 48 29 51	#301D33
100.0%	100.0% #321E3E	RGB 50 30 62	#321E3E

#000000 #0A0909 #141112 #1F171C #291B28 #301D33 #321E3E

#000000 - #1F171C - #321E3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000000 0%, #1F171C 50%, #321E3E 100%);
    background: -webkit-linear-gradient(top, #000000 0%, #1F171C 50%, #321E3E 100%);
    background: linear-gradient(to bottom, #000000 0%, #1F171C 50%, #321E3E 100%);
}
</style>