#6E5E3C - #D5D1C7 | 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 #6E5E3C a #D5D1C7

#6E5E3C #D5D1C7

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

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

0.0%	0.0% #6E5E3C	RGB 110 94 60	#6E5E3C
16.7%	16.7% #7F7153	RGB 127 113 83	#7F7153
33.3%	33.3% #90846A	RGB 144 132 106	#90846A
50.0%	50.0% #A19781	RGB 161 151 129	#A19781
66.7%	66.7% #B2AA98	RGB 178 170 152	#B2AA98
83.3%	83.3% #C3BDAF	RGB 195 189 175	#C3BDAF
100.0%	100.0% #D5D1C7	RGB 213 209 199	#D5D1C7

#6E5E3C #7F7153 #90846A #A19781 #B2AA98 #C3BDAF #D5D1C7

#6E5E3C - #D5D1C7

Mezcla HSV

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

0.0%	0.0% #6E5E3C	RGB 110 94 60	#6E5E3C
16.7%	16.7% #7F6F4D	RGB 127 111 77	#7F6F4D
33.3%	33.3% #908161	RGB 144 129 97	#908161
50.0%	50.0% #A19477	RGB 161 148 119	#A19477
66.7%	66.7% #B2A88F	RGB 178 168 143	#B2A88F
83.3%	83.3% #C3BCAA	RGB 195 188 170	#C3BCAA
100.0%	100.0% #D5D1C7	RGB 213 209 199	#D5D1C7

#6E5E3C #7F6F4D #908161 #A19477 #B2A88F #C3BCAA #D5D1C7

#6E5E3C - #A19477 - #D5D1C7

Códigos CSS

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

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