#E5E4E6 - #AD7FB8 | 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 #E5E4E6 a #AD7FB8

#E5E4E6 #AD7FB8

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

#E5E4E6 - #AD7FB8 | 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 #E5E4E6 como 0% y #AD7FB8 como 100%.

0.0%	0.0% #E5E4E6	RGB 229 228 230	#E5E4E6
16.7%	16.7% #DBD3DE	RGB 219 211 222	#DBD3DE
33.3%	33.3% #D2C2D6	RGB 210 194 214	#D2C2D6
50.0%	50.0% #C9B1CF	RGB 201 177 207	#C9B1CF
66.7%	66.7% #BFA0C7	RGB 191 160 199	#BFA0C7
83.3%	83.3% #B68FBF	RGB 182 143 191	#B68FBF
100.0%	100.0% #AD7FB8	RGB 173 127 184	#AD7FB8

#E5E4E6 #DBD3DE #D2C2D6 #C9B1CF #BFA0C7 #B68FBF #AD7FB8

#E5E4E6 - #AD7FB8

Mezcla HSV

#E5E4E6 - #AD7FB8 | 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 #E5E4E6 como 0% y #AD7FB8 como 100%.

0.0%	0.0% #E5E4E6	RGB 229 228 230	#E5E4E6
16.7%	16.7% #D8D1DE	RGB 216 209 222	#D8D1DE
33.3%	33.3% #CDBFD6	RGB 205 191 214	#CDBFD6
50.0%	50.0% #C3AECF	RGB 195 174 207	#C3AECF
66.7%	66.7% #BB9DC7	RGB 187 157 199	#BB9DC7
83.3%	83.3% #B38DBF	RGB 179 141 191	#B38DBF
100.0%	100.0% #AD7FB8	RGB 173 127 184	#AD7FB8

#E5E4E6 #D8D1DE #CDBFD6 #C3AECF #BB9DC7 #B38DBF #AD7FB8

#E5E4E6 - #C3AECF - #AD7FB8

Códigos CSS

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

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