#8C8C89 - #645633 | 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 #8C8C89 a #645633

#8C8C89 #645633

Calcule el color entre dos colores, #8C8C89 y #645633. 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)

#8C8C89 - #645633 | 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 #8C8C89 como 0% y #645633 como 100%.

0.0%	0.0% #8C8C89	RGB 140 140 137	#8C8C89
16.7%	16.7% #85837A	RGB 133 131 122	#85837A
33.3%	33.3% #7E7A6C	RGB 126 122 108	#7E7A6C
50.0%	50.0% #78715E	RGB 120 113 94	#78715E
66.7%	66.7% #71684F	RGB 113 104 79	#71684F
83.3%	83.3% #6A5F41	RGB 106 95 65	#6A5F41
100.0%	100.0% #645633	RGB 100 86 51	#645633

#8C8C89 #85837A #7E7A6C #78715E #71684F #6A5F41 #645633

#8C8C89 - #645633

Mezcla HSV

#8C8C89 - #645633 | 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 #8C8C89 como 0% y #645633 como 100%.

0.0%	0.0% #8C8C89	RGB 140 140 137	#8C8C89
16.7%	16.7% #858478	RGB 133 132 120	#858478
33.3%	33.3% #7E7C68	RGB 126 124 104	#7E7C68
50.0%	50.0% #787359	RGB 120 115 89	#787359
66.7%	66.7% #716A4B	RGB 113 106 75	#716A4B
83.3%	83.3% #6A603E	RGB 106 96 62	#6A603E
100.0%	100.0% #645633	RGB 100 86 51	#645633

#8C8C89 #858478 #7E7C68 #787359 #716A4B #6A603E #645633

#8C8C89 - #787359 - #645633

Códigos CSS

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

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