#E3E5E8 - #9999B0 | 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 #E3E5E8 a #9999B0

#E3E5E8 #9999B0

Calcule el color entre dos colores, #E3E5E8 y #9999B0. 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)

#E3E5E8 - #9999B0 | 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 #E3E5E8 como 0% y #9999B0 como 100%.

0.0%	0.0% #E3E5E8	RGB 227 229 232	#E3E5E8
16.7%	16.7% #D6D8DE	RGB 214 216 222	#D6D8DE
33.3%	33.3% #CACBD5	RGB 202 203 213	#CACBD5
50.0%	50.0% #BEBFCC	RGB 190 191 204	#BEBFCC
66.7%	66.7% #B1B2C2	RGB 177 178 194	#B1B2C2
83.3%	83.3% #A5A5B9	RGB 165 165 185	#A5A5B9
100.0%	100.0% #9999B0	RGB 153 153 176	#9999B0

#E3E5E8 #D6D8DE #CACBD5 #BEBFCC #B1B2C2 #A5A5B9 #9999B0

#E3E5E8 - #9999B0

Mezcla HSV

#E3E5E8 - #9999B0 | 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 #E3E5E8 como 0% y #9999B0 como 100%.

0.0%	0.0% #E3E5E8	RGB 227 229 232	#E3E5E8
16.7%	16.7% #D5D8DE	RGB 213 216 222	#D5D8DE
33.3%	33.3% #C8CCD5	RGB 200 204 213	#C8CCD5
50.0%	50.0% #BCBFCC	RGB 188 191 204	#BCBFCC
66.7%	66.7% #B0B2C2	RGB 176 178 194	#B0B2C2
83.3%	83.3% #A4A5B9	RGB 164 165 185	#A4A5B9
100.0%	100.0% #9999B0	RGB 153 153 176	#9999B0

#E3E5E8 #D5D8DE #C8CCD5 #BCBFCC #B0B2C2 #A4A5B9 #9999B0

#E3E5E8 - #BCBFCC - #9999B0

Códigos CSS

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

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