#77786C - #42471B | 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 #77786C a #42471B

#77786C #42471B

Calcule el color entre dos colores, #77786C y #42471B. 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)

#77786C - #42471B | 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 #77786C como 0% y #42471B como 100%.

0.0%	0.0% #77786C	RGB 119 120 108	#77786C
16.7%	16.7% #6E6F5E	RGB 110 111 94	#6E6F5E
33.3%	33.3% #656751	RGB 101 103 81	#656751
50.0%	50.0% #5C5F43	RGB 92 95 67	#5C5F43
66.7%	66.7% #535736	RGB 83 87 54	#535736
83.3%	83.3% #4A4F28	RGB 74 79 40	#4A4F28
100.0%	100.0% #42471B	RGB 66 71 27	#42471B

#77786C #6E6F5E #656751 #5C5F43 #535736 #4A4F28 #42471B

#77786C - #42471B

Mezcla HSV

#77786C - #42471B | 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 #77786C como 0% y #42471B como 100%.

0.0%	0.0% #77786C	RGB 119 120 108	#77786C
16.7%	16.7% #6D6F5A	RGB 109 111 90	#6D6F5A
33.3%	33.3% #65674B	RGB 101 103 75	#65674B
50.0%	50.0% #5C5F3D	RGB 92 95 61	#5C5F3D
66.7%	66.7% #535730	RGB 83 87 48	#535730
83.3%	83.3% #4A4F24	RGB 74 79 36	#4A4F24
100.0%	100.0% #42471B	RGB 66 71 27	#42471B

#77786C #6D6F5A #65674B #5C5F3D #535730 #4A4F24 #42471B

#77786C - #5C5F3D - #42471B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #77786C 0%, #5C5F3D 50%, #42471B 100%);
    background: -webkit-linear-gradient(top, #77786C 0%, #5C5F3D 50%, #42471B 100%);
    background: linear-gradient(to bottom, #77786C 0%, #5C5F3D 50%, #42471B 100%);
}
</style>