#303128 - #182000 | 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 #303128 a #182000

#303128 #182000

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

#303128 - #182000 | 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 #303128 como 0% y #182000 como 100%.

0.0%	0.0% #303128	RGB 48 49 40	#303128
16.7%	16.7% #2C2E21	RGB 44 46 33	#2C2E21
33.3%	33.3% #282B1A	RGB 40 43 26	#282B1A
50.0%	50.0% #242814	RGB 36 40 20	#242814
66.7%	66.7% #20250D	RGB 32 37 13	#20250D
83.3%	83.3% #1C2206	RGB 28 34 6	#1C2206
100.0%	100.0% #182000	RGB 24 32 0	#182000

#303128 #2C2E21 #282B1A #242814 #20250D #1C2206 #182000

#303128 - #182000

Mezcla HSV

#303128 - #182000 | 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 #303128 como 0% y #182000 como 100%.

0.0%	0.0% #303128	RGB 48 49 40	#303128
16.7%	16.7% #2C2E1F	RGB 44 46 31	#2C2E1F
33.3%	33.3% #282B17	RGB 40 43 23	#282B17
50.0%	50.0% #242810	RGB 36 40 16	#242810
66.7%	66.7% #20250A	RGB 32 37 10	#20250A
83.3%	83.3% #1C2204	RGB 28 34 4	#1C2204
100.0%	100.0% #182000	RGB 24 32 0	#182000

#303128 #2C2E1F #282B17 #242810 #20250A #1C2204 #182000

#303128 - #242810 - #182000

Códigos CSS

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

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