#22221C - #090908 | 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 #22221C a #090908

#22221C #090908

Calcule el color entre dos colores, #22221C y #090908. 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)

#22221C - #090908 | 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 #22221C como 0% y #090908 como 100%.

0.0%	0.0% #22221C	RGB 34 34 28	#22221C
16.7%	16.7% #1D1D18	RGB 29 29 24	#1D1D18
33.3%	33.3% #191915	RGB 25 25 21	#191915
50.0%	50.0% #151512	RGB 21 21 18	#151512
66.7%	66.7% #11110E	RGB 17 17 14	#11110E
83.3%	83.3% #0D0D0B	RGB 13 13 11	#0D0D0B
100.0%	100.0% #090908	RGB 9 9 8	#090908

#22221C #1D1D18 #191915 #151512 #11110E #0D0D0B #090908

#22221C - #090908

Mezcla HSV

#22221C - #090908 | 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 #22221C como 0% y #090908 como 100%.

0.0%	0.0% #22221C	RGB 34 34 28	#22221C
16.7%	16.7% #1D1D18	RGB 29 29 24	#1D1D18
33.3%	33.3% #191915	RGB 25 25 21	#191915
50.0%	50.0% #151512	RGB 21 21 18	#151512
66.7%	66.7% #11110F	RGB 17 17 15	#11110F
83.3%	83.3% #0D0D0B	RGB 13 13 11	#0D0D0B
100.0%	100.0% #090908	RGB 9 9 8	#090908

#22221C #1D1D18 #191915 #151512 #11110F #0D0D0B #090908

#22221C - #151512 - #090908

Códigos CSS

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

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