#2B2D21 - #727152 | 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 #2B2D21 a #727152

#2B2D21 #727152

Calcule el color entre dos colores, #2B2D21 y #727152. 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)

#2B2D21 - #727152 | 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 #2B2D21 como 0% y #727152 como 100%.

0.0%	0.0% #2B2D21	RGB 43 45 33	#2B2D21
16.7%	16.7% #363829	RGB 54 56 41	#363829
33.3%	33.3% #424331	RGB 66 67 49	#424331
50.0%	50.0% #4E4F39	RGB 78 79 57	#4E4F39
66.7%	66.7% #5A5A41	RGB 90 90 65	#5A5A41
83.3%	83.3% #666549	RGB 102 101 73	#666549
100.0%	100.0% #727152	RGB 114 113 82	#727152

#2B2D21 #363829 #424331 #4E4F39 #5A5A41 #666549 #727152

#2B2D21 - #727152

Mezcla HSV

#2B2D21 - #727152 | 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 #2B2D21 como 0% y #727152 como 100%.

0.0%	0.0% #2B2D21	RGB 43 45 33	#2B2D21
16.7%	16.7% #363829	RGB 54 56 41	#363829
33.3%	33.3% #424431	RGB 66 68 49	#424431
50.0%	50.0% #4E4F39	RGB 78 79 57	#4E4F39
66.7%	66.7% #5A5B41	RGB 90 91 65	#5A5B41
83.3%	83.3% #666649	RGB 102 102 73	#666649
100.0%	100.0% #727152	RGB 114 113 82	#727152

#2B2D21 #363829 #424431 #4E4F39 #5A5B41 #666649 #727152

#2B2D21 - #4E4F39 - #727152

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2D21 0%, #4E4F39 50%, #727152 100%);
    background: -webkit-linear-gradient(top, #2B2D21 0%, #4E4F39 50%, #727152 100%);
    background: linear-gradient(to bottom, #2B2D21 0%, #4E4F39 50%, #727152 100%);
}
</style>