#090806 - #323938 | 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 #090806 a #323938

#090806 #323938

Calcule el color entre dos colores, #090806 y #323938. 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)

#090806 - #323938 | 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 #090806 como 0% y #323938 como 100%.

0.0%	0.0% #090806	RGB 9 8 6	#090806
16.7%	16.7% #0F100E	RGB 15 16 14	#0F100E
33.3%	33.3% #161816	RGB 22 24 22	#161816
50.0%	50.0% #1D201F	RGB 29 32 31	#1D201F
66.7%	66.7% #242827	RGB 36 40 39	#242827
83.3%	83.3% #2B302F	RGB 43 48 47	#2B302F
100.0%	100.0% #323938	RGB 50 57 56	#323938

#090806 #0F100E #161816 #1D201F #242827 #2B302F #323938

#090806 - #323938

Mezcla HSV

#090806 - #323938 | 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 #090806 como 0% y #323938 como 100%.

0.0%	0.0% #090806	RGB 9 8 6	#090806
16.7%	16.7% #10110B	RGB 16 17 11	#10110B
33.3%	33.3% #161912	RGB 22 25 18	#161912
50.0%	50.0% #1B2119	RGB 27 33 25	#1B2119
66.7%	66.7% #212922	RGB 33 41 34	#212922
83.3%	83.3% #29312D	RGB 41 49 45	#29312D
100.0%	100.0% #323938	RGB 50 57 56	#323938

#090806 #10110B #161912 #1B2119 #212922 #29312D #323938

#090806 - #1B2119 - #323938

Códigos CSS

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

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