#848675 - #252621 | 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 #848675 a #252621

#848675 #252621

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

#848675 - #252621 | 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 #848675 como 0% y #252621 como 100%.

0.0%	0.0% #848675	RGB 132 134 117	#848675
16.7%	16.7% #747667	RGB 116 118 103	#747667
33.3%	33.3% #646659	RGB 100 102 89	#646659
50.0%	50.0% #54564B	RGB 84 86 75	#54564B
66.7%	66.7% #44463D	RGB 68 70 61	#44463D
83.3%	83.3% #34362F	RGB 52 54 47	#34362F
100.0%	100.0% #252621	RGB 37 38 33	#252621

#848675 #747667 #646659 #54564B #44463D #34362F #252621

#848675 - #252621

Mezcla HSV

#848675 - #252621 | 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 #848675 como 0% y #252621 como 100%.

0.0%	0.0% #848675	RGB 132 134 117	#848675
16.7%	16.7% #747666	RGB 116 118 102	#747666
33.3%	33.3% #646658	RGB 100 102 88	#646658
50.0%	50.0% #54564A	RGB 84 86 74	#54564A
66.7%	66.7% #44463C	RGB 68 70 60	#44463C
83.3%	83.3% #34362E	RGB 52 54 46	#34362E
100.0%	100.0% #252621	RGB 37 38 33	#252621

#848675 #747666 #646658 #54564A #44463C #34362E #252621

#848675 - #54564A - #252621

Códigos CSS

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

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