#22241E - #262500 | 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 #22241E a #262500

#22241E #262500

Calcule el color entre dos colores, #22241E y #262500. 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)

#22241E - #262500 | 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 #22241E como 0% y #262500 como 100%.

0.0%	0.0% #22241E	RGB 34 36 30	#22241E
16.7%	16.7% #222419	RGB 34 36 25	#222419
33.3%	33.3% #232414	RGB 35 36 20	#232414
50.0%	50.0% #24240F	RGB 36 36 15	#24240F
66.7%	66.7% #24240A	RGB 36 36 10	#24240A
83.3%	83.3% #252405	RGB 37 36 5	#252405
100.0%	100.0% #262500	RGB 38 37 0	#262500

#22241E #222419 #232414 #24240F #24240A #252405 #262500

#22241E - #262500

Mezcla HSV

#22241E - #262500 | 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 #22241E como 0% y #262500 como 100%.

0.0%	0.0% #22241E	RGB 34 36 30	#22241E
16.7%	16.7% #212419	RGB 33 36 25	#212419
33.3%	33.3% #212414	RGB 33 36 20	#212414
50.0%	50.0% #21250F	RGB 33 37 15	#21250F
66.7%	66.7% #22250A	RGB 34 37 10	#22250A
83.3%	83.3% #242505	RGB 36 37 5	#242505
100.0%	100.0% #262500	RGB 38 37 0	#262500

#22241E #212419 #212414 #21250F #22250A #242505 #262500

#22241E - #21250F - #262500

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #22241E 0%, #21250F 50%, #262500 100%);
    background: -webkit-linear-gradient(top, #22241E 0%, #21250F 50%, #262500 100%);
    background: linear-gradient(to bottom, #22241E 0%, #21250F 50%, #262500 100%);
}
</style>