#7E5E5A - #DAD1CF | 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 #7E5E5A a #DAD1CF

#7E5E5A #DAD1CF

Calcule el color entre dos colores, #7E5E5A y #DAD1CF. 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)

#7E5E5A - #DAD1CF | 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 #7E5E5A como 0% y #DAD1CF como 100%.

0.0%	0.0% #7E5E5A	RGB 126 94 90	#7E5E5A
16.7%	16.7% #8D716D	RGB 141 113 109	#8D716D
33.3%	33.3% #9C8481	RGB 156 132 129	#9C8481
50.0%	50.0% #AC9794	RGB 172 151 148	#AC9794
66.7%	66.7% #BBAAA8	RGB 187 170 168	#BBAAA8
83.3%	83.3% #CABDBB	RGB 202 189 187	#CABDBB
100.0%	100.0% #DAD1CF	RGB 218 209 207	#DAD1CF

#7E5E5A #8D716D #9C8481 #AC9794 #BBAAA8 #CABDBB #DAD1CF

#7E5E5A - #DAD1CF

Mezcla HSV

#7E5E5A - #DAD1CF | 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 #7E5E5A como 0% y #DAD1CF como 100%.

0.0%	0.0% #7E5E5A	RGB 126 94 90	#7E5E5A
16.7%	16.7% #8D6E6A	RGB 141 110 106	#8D6E6A
33.3%	33.3% #9C807C	RGB 156 128 124	#9C807C
50.0%	50.0% #AC938F	RGB 172 147 143	#AC938F
66.7%	66.7% #BBA7A3	RGB 187 167 163	#BBA7A3
83.3%	83.3% #CABBB8	RGB 202 187 184	#CABBB8
100.0%	100.0% #DAD1CF	RGB 218 209 207	#DAD1CF

#7E5E5A #8D6E6A #9C807C #AC938F #BBA7A3 #CABBB8 #DAD1CF

#7E5E5A - #AC938F - #DAD1CF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E5A 0%, #AC938F 50%, #DAD1CF 100%);
    background: -webkit-linear-gradient(top, #7E5E5A 0%, #AC938F 50%, #DAD1CF 100%);
    background: linear-gradient(to bottom, #7E5E5A 0%, #AC938F 50%, #DAD1CF 100%);
}
</style>