#44453E - #222A03 | 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 #44453E a #222A03

#44453E #222A03

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

#44453E - #222A03 | 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 #44453E como 0% y #222A03 como 100%.

0.0%	0.0% #44453E	RGB 68 69 62	#44453E
16.7%	16.7% #3E4034	RGB 62 64 52	#3E4034
33.3%	33.3% #383C2A	RGB 56 60 42	#383C2A
50.0%	50.0% #333720	RGB 51 55 32	#333720
66.7%	66.7% #2D3316	RGB 45 51 22	#2D3316
83.3%	83.3% #272E0C	RGB 39 46 12	#272E0C
100.0%	100.0% #222A03	RGB 34 42 3	#222A03

#44453E #3E4034 #383C2A #333720 #2D3316 #272E0C #222A03

#44453E - #222A03

Mezcla HSV

#44453E - #222A03 | 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 #44453E como 0% y #222A03 como 100%.

0.0%	0.0% #44453E	RGB 68 69 62	#44453E
16.7%	16.7% #3E4031	RGB 62 64 49	#3E4031
33.3%	33.3% #383C25	RGB 56 60 37	#383C25
50.0%	50.0% #32371A	RGB 50 55 26	#32371A
66.7%	66.7% #2C3311	RGB 44 51 17	#2C3311
83.3%	83.3% #272E09	RGB 39 46 9	#272E09
100.0%	100.0% #222A03	RGB 34 42 3	#222A03

#44453E #3E4031 #383C25 #32371A #2C3311 #272E09 #222A03

#44453E - #32371A - #222A03

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44453E 0%, #32371A 50%, #222A03 100%);
    background: -webkit-linear-gradient(top, #44453E 0%, #32371A 50%, #222A03 100%);
    background: linear-gradient(to bottom, #44453E 0%, #32371A 50%, #222A03 100%);
}
</style>