#6E6B5E - #D5D4D1 | 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 #6E6B5E a #D5D4D1

#6E6B5E #D5D4D1

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

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

0.0%	0.0% #6E6B5E	RGB 110 107 94	#6E6B5E
16.7%	16.7% #7F7C71	RGB 127 124 113	#7F7C71
33.3%	33.3% #908E84	RGB 144 142 132	#908E84
50.0%	50.0% #A19F97	RGB 161 159 151	#A19F97
66.7%	66.7% #B2B1AA	RGB 178 177 170	#B2B1AA
83.3%	83.3% #C3C2BD	RGB 195 194 189	#C3C2BD
100.0%	100.0% #D5D4D1	RGB 213 212 209	#D5D4D1

#6E6B5E #7F7C71 #908E84 #A19F97 #B2B1AA #C3C2BD #D5D4D1

#6E6B5E - #D5D4D1

Mezcla HSV

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

0.0%	0.0% #6E6B5E	RGB 110 107 94	#6E6B5E
16.7%	16.7% #7F7C6F	RGB 127 124 111	#7F7C6F
33.3%	33.3% #908D81	RGB 144 141 129	#908D81
50.0%	50.0% #A19E94	RGB 161 158 148	#A19E94
66.7%	66.7% #B2B0A7	RGB 178 176 167	#B2B0A7
83.3%	83.3% #C3C1BC	RGB 195 193 188	#C3C1BC
100.0%	100.0% #D5D4D1	RGB 213 212 209	#D5D4D1

#6E6B5E #7F7C6F #908D81 #A19E94 #B2B0A7 #C3C1BC #D5D4D1

#6E6B5E - #A19E94 - #D5D4D1

Códigos CSS

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

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