#E7E3E6 - #A98DAE | 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 #E7E3E6 a #A98DAE

#E7E3E6 #A98DAE

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

#E7E3E6 - #A98DAE | 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 #E7E3E6 como 0% y #A98DAE como 100%.

0.0%	0.0% #E7E3E6	RGB 231 227 230	#E7E3E6
16.7%	16.7% #DCD4DC	RGB 220 212 220	#DCD4DC
33.3%	33.3% #D2C6D3	RGB 210 198 211	#D2C6D3
50.0%	50.0% #C8B8CA	RGB 200 184 202	#C8B8CA
66.7%	66.7% #BDA9C0	RGB 189 169 192	#BDA9C0
83.3%	83.3% #B39BB7	RGB 179 155 183	#B39BB7
100.0%	100.0% #A98DAE	RGB 169 141 174	#A98DAE

#E7E3E6 #DCD4DC #D2C6D3 #C8B8CA #BDA9C0 #B39BB7 #A98DAE

#E7E3E6 - #A98DAE

Mezcla HSV

#E7E3E6 - #A98DAE | 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 #E7E3E6 como 0% y #A98DAE como 100%.

0.0%	0.0% #E7E3E6	RGB 231 227 230	#E7E3E6
16.7%	16.7% #DDD3DB	RGB 221 211 219	#DDD3DB
33.3%	33.3% #D4C4D2	RGB 212 196 210	#D4C4D2
50.0%	50.0% #CAB5C9	RGB 202 181 201	#CAB5C9
66.7%	66.7% #C0A7C1	RGB 192 167 193	#C0A7C1
83.3%	83.3% #B599B7	RGB 181 153 183	#B599B7
100.0%	100.0% #A98DAE	RGB 169 141 174	#A98DAE

#E7E3E6 #DDD3DB #D4C4D2 #CAB5C9 #C0A7C1 #B599B7 #A98DAE

#E7E3E6 - #CAB5C9 - #A98DAE

Códigos CSS

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

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