#6D5E5E - #E2AC88 | 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 #6D5E5E a #E2AC88

#6D5E5E #E2AC88

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

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

0.0%	0.0% #6D5E5E	RGB 109 94 94	#6D5E5E
16.7%	16.7% #806B65	RGB 128 107 101	#806B65
33.3%	33.3% #94786C	RGB 148 120 108	#94786C
50.0%	50.0% #A78573	RGB 167 133 115	#A78573
66.7%	66.7% #BB927A	RGB 187 146 122	#BB927A
83.3%	83.3% #CE9F81	RGB 206 159 129	#CE9F81
100.0%	100.0% #E2AC88	RGB 226 172 136	#E2AC88

#6D5E5E #806B65 #94786C #A78573 #BB927A #CE9F81 #E2AC88

#6D5E5E - #E2AC88

Mezcla HSV

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

0.0%	0.0% #6D5E5E	RGB 109 94 94	#6D5E5E
16.7%	16.7% #806A69	RGB 128 106 105	#806A69
33.3%	33.3% #947772	RGB 148 119 114	#947772
50.0%	50.0% #A7837A	RGB 167 131 122	#A7837A
66.7%	66.7% #BB9080	RGB 187 144 128	#BB9080
83.3%	83.3% #CE9D85	RGB 206 157 133	#CE9D85
100.0%	100.0% #E2AC88	RGB 226 172 136	#E2AC88

#6D5E5E #806A69 #947772 #A7837A #BB9080 #CE9D85 #E2AC88

#6D5E5E - #A7837A - #E2AC88

Códigos CSS

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

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