#6A6756 - #CD9C7D | 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 #6A6756 a #CD9C7D

#6A6756 #CD9C7D

Calcule el color entre dos colores, #6A6756 y #CD9C7D. 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)

#6A6756 - #CD9C7D | 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 #6A6756 como 0% y #CD9C7D como 100%.

0.0%	0.0% #6A6756	RGB 106 103 86	#6A6756
16.7%	16.7% #7A6F5C	RGB 122 111 92	#7A6F5C
33.3%	33.3% #8B7863	RGB 139 120 99	#8B7863
50.0%	50.0% #9B8169	RGB 155 129 105	#9B8169
66.7%	66.7% #AC8A70	RGB 172 138 112	#AC8A70
83.3%	83.3% #BC9376	RGB 188 147 118	#BC9376
100.0%	100.0% #CD9C7D	RGB 205 156 125	#CD9C7D

#6A6756 #7A6F5C #8B7863 #9B8169 #AC8A70 #BC9376 #CD9C7D

#6A6756 - #CD9C7D

Mezcla HSV

#6A6756 - #CD9C7D | 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 #6A6756 como 0% y #CD9C7D como 100%.

0.0%	0.0% #6A6756	RGB 106 103 86	#6A6756
16.7%	16.7% #7A745F	RGB 122 116 95	#7A745F
33.3%	33.3% #8B8067	RGB 139 128 103	#8B8067
50.0%	50.0% #9B8A6E	RGB 155 138 110	#9B8A6E
66.7%	66.7% #AC9274	RGB 172 146 116	#AC9274
83.3%	83.3% #BC9879	RGB 188 152 121	#BC9879
100.0%	100.0% #CD9C7D	RGB 205 156 125	#CD9C7D

#6A6756 #7A745F #8B8067 #9B8A6E #AC9274 #BC9879 #CD9C7D

#6A6756 - #9B8A6E - #CD9C7D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A6756 0%, #9B8A6E 50%, #CD9C7D 100%);
    background: -webkit-linear-gradient(top, #6A6756 0%, #9B8A6E 50%, #CD9C7D 100%);
    background: linear-gradient(to bottom, #6A6756 0%, #9B8A6E 50%, #CD9C7D 100%);
}
</style>