#6A5E3C - #D4D1C7 | 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 #6A5E3C a #D4D1C7

#6A5E3C #D4D1C7

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

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

0.0%	0.0% #6A5E3C	RGB 106 94 60	#6A5E3C
16.7%	16.7% #7B7153	RGB 123 113 83	#7B7153
33.3%	33.3% #8D846A	RGB 141 132 106	#8D846A
50.0%	50.0% #9F9781	RGB 159 151 129	#9F9781
66.7%	66.7% #B0AA98	RGB 176 170 152	#B0AA98
83.3%	83.3% #C2BDAF	RGB 194 189 175	#C2BDAF
100.0%	100.0% #D4D1C7	RGB 212 209 199	#D4D1C7

#6A5E3C #7B7153 #8D846A #9F9781 #B0AA98 #C2BDAF #D4D1C7

#6A5E3C - #D4D1C7

Mezcla HSV

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

0.0%	0.0% #6A5E3C	RGB 106 94 60	#6A5E3C
16.7%	16.7% #7B6F4D	RGB 123 111 77	#7B6F4D
33.3%	33.3% #8D8261	RGB 141 130 97	#8D8261
50.0%	50.0% #9F9577	RGB 159 149 119	#9F9577
66.7%	66.7% #B0A88F	RGB 176 168 143	#B0A88F
83.3%	83.3% #C2BCAA	RGB 194 188 170	#C2BCAA
100.0%	100.0% #D4D1C7	RGB 212 209 199	#D4D1C7

#6A5E3C #7B6F4D #8D8261 #9F9577 #B0A88F #C2BCAA #D4D1C7

#6A5E3C - #9F9577 - #D4D1C7

Códigos CSS

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

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