#091208 - #224736 | 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 #091208 a #224736

#091208 #224736

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

#091208 - #224736 | 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 #091208 como 0% y #224736 como 100%.

0.0%	0.0% #091208	RGB 9 18 8	#091208
16.7%	16.7% #0D1A0F	RGB 13 26 15	#0D1A0F
33.3%	33.3% #112317	RGB 17 35 23	#112317
50.0%	50.0% #152C1F	RGB 21 44 31	#152C1F
66.7%	66.7% #193526	RGB 25 53 38	#193526
83.3%	83.3% #1D3E2E	RGB 29 62 46	#1D3E2E
100.0%	100.0% #224736	RGB 34 71 54	#224736

#091208 #0D1A0F #112317 #152C1F #193526 #1D3E2E #224736

#091208 - #224736

Mezcla HSV

#091208 - #224736 | 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 #091208 como 0% y #224736 como 100%.

0.0%	0.0% #091208	RGB 9 18 8	#091208
16.7%	16.7% #0C1A0C	RGB 12 26 12	#0C1A0C
33.3%	33.3% #102312	RGB 16 35 18	#102312
50.0%	50.0% #142C19	RGB 20 44 25	#142C19
66.7%	66.7% #183522	RGB 24 53 34	#183522
83.3%	83.3% #1D3E2B	RGB 29 62 43	#1D3E2B
100.0%	100.0% #224736	RGB 34 71 54	#224736

#091208 #0C1A0C #102312 #142C19 #183522 #1D3E2B #224736

#091208 - #142C19 - #224736

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #091208 0%, #142C19 50%, #224736 100%);
    background: -webkit-linear-gradient(top, #091208 0%, #142C19 50%, #224736 100%);
    background: linear-gradient(to bottom, #091208 0%, #142C19 50%, #224736 100%);
}
</style>