#AA5E58 - #E6D1CF | 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 #AA5E58 a #E6D1CF

#AA5E58 #E6D1CF

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

#AA5E58 - #E6D1CF | 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 #AA5E58 como 0% y #E6D1CF como 100%.

0.0%	0.0% #AA5E58	RGB 170 94 88	#AA5E58
16.7%	16.7% #B4716B	RGB 180 113 107	#B4716B
33.3%	33.3% #BE847F	RGB 190 132 127	#BE847F
50.0%	50.0% #C89793	RGB 200 151 147	#C89793
66.7%	66.7% #D2AAA7	RGB 210 170 167	#D2AAA7
83.3%	83.3% #DCBDBB	RGB 220 189 187	#DCBDBB
100.0%	100.0% #E6D1CF	RGB 230 209 207	#E6D1CF

#AA5E58 #B4716B #BE847F #C89793 #D2AAA7 #DCBDBB #E6D1CF

#AA5E58 - #E6D1CF

Mezcla HSV

#AA5E58 - #E6D1CF | 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 #AA5E58 como 0% y #E6D1CF como 100%.

0.0%	0.0% #AA5E58	RGB 170 94 88	#AA5E58
16.7%	16.7% #B46E68	RGB 180 110 104	#B46E68
33.3%	33.3% #BE7F7A	RGB 190 127 122	#BE7F7A
50.0%	50.0% #C8928D	RGB 200 146 141	#C8928D
66.7%	66.7% #D2A6A2	RGB 210 166 162	#D2A6A2
83.3%	83.3% #DCBBB7	RGB 220 187 183	#DCBBB7
100.0%	100.0% #E6D1CF	RGB 230 209 207	#E6D1CF

#AA5E58 #B46E68 #BE7F7A #C8928D #D2A6A2 #DCBBB7 #E6D1CF

#AA5E58 - #C8928D - #E6D1CF

Códigos CSS

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

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