#E6E5E8 - #A397AB | 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 #E6E5E8 a #A397AB

#E6E5E8 #A397AB

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

#E6E5E8 - #A397AB | 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 #E6E5E8 como 0% y #A397AB como 100%.

0.0%	0.0% #E6E5E8	RGB 230 229 232	#E6E5E8
16.7%	16.7% #DAD8DD	RGB 218 216 221	#DAD8DD
33.3%	33.3% #CFCBD3	RGB 207 203 211	#CFCBD3
50.0%	50.0% #C4BEC9	RGB 196 190 201	#C4BEC9
66.7%	66.7% #B9B1BF	RGB 185 177 191	#B9B1BF
83.3%	83.3% #AEA4B5	RGB 174 164 181	#AEA4B5
100.0%	100.0% #A397AB	RGB 163 151 171	#A397AB

#E6E5E8 #DAD8DD #CFCBD3 #C4BEC9 #B9B1BF #AEA4B5 #A397AB

#E6E5E8 - #A397AB

Mezcla HSV

#E6E5E8 - #A397AB | 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 #E6E5E8 como 0% y #A397AB como 100%.

0.0%	0.0% #E6E5E8	RGB 230 229 232	#E6E5E8
16.7%	16.7% #D9D7DD	RGB 217 215 221	#D9D7DD
33.3%	33.3% #CDC9D3	RGB 205 201 211	#CDC9D3
50.0%	50.0% #C2BCC9	RGB 194 188 201	#C2BCC9
66.7%	66.7% #B7AFBF	RGB 183 175 191	#B7AFBF
83.3%	83.3% #ADA3B5	RGB 173 163 181	#ADA3B5
100.0%	100.0% #A397AB	RGB 163 151 171	#A397AB

#E6E5E8 #D9D7DD #CDC9D3 #C2BCC9 #B7AFBF #ADA3B5 #A397AB

#E6E5E8 - #C2BCC9 - #A397AB

Códigos CSS

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

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