#E5E3E7 - #AD99CA | 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 #E5E3E7 a #AD99CA

#E5E3E7 #AD99CA

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

#E5E3E7 - #AD99CA | 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 #E5E3E7 como 0% y #AD99CA como 100%.

0.0%	0.0% #E5E3E7	RGB 229 227 231	#E5E3E7
16.7%	16.7% #DBD6E2	RGB 219 214 226	#DBD6E2
33.3%	33.3% #D2CADD	RGB 210 202 221	#D2CADD
50.0%	50.0% #C9BED8	RGB 201 190 216	#C9BED8
66.7%	66.7% #BFB1D3	RGB 191 177 211	#BFB1D3
83.3%	83.3% #B6A5CE	RGB 182 165 206	#B6A5CE
100.0%	100.0% #AD99CA	RGB 173 153 202	#AD99CA

#E5E3E7 #DBD6E2 #D2CADD #C9BED8 #BFB1D3 #B6A5CE #AD99CA

#E5E3E7 - #AD99CA

Mezcla HSV

#E5E3E7 - #AD99CA | 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 #E5E3E7 como 0% y #AD99CA como 100%.

0.0%	0.0% #E5E3E7	RGB 229 227 231	#E5E3E7
16.7%	16.7% #DBD5E2	RGB 219 213 226	#DBD5E2
33.3%	33.3% #D2C8DD	RGB 210 200 221	#D2C8DD
50.0%	50.0% #C9BCD8	RGB 201 188 216	#C9BCD8
66.7%	66.7% #BFB0D3	RGB 191 176 211	#BFB0D3
83.3%	83.3% #B6A4CE	RGB 182 164 206	#B6A4CE
100.0%	100.0% #AD99CA	RGB 173 153 202	#AD99CA

#E5E3E7 #DBD5E2 #D2C8DD #C9BCD8 #BFB0D3 #B6A4CE #AD99CA

#E5E3E7 - #C9BCD8 - #AD99CA

Códigos CSS

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

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