#E3E3E6 - #FFDBED | 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 #E3E3E6 a #FFDBED

#E3E3E6 #FFDBED

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

#E3E3E6 - #FFDBED | 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 #E3E3E6 como 0% y #FFDBED como 100%.

0.0%	0.0% #E3E3E6	RGB 227 227 230	#E3E3E6
16.7%	16.7% #E7E1E7	RGB 231 225 231	#E7E1E7
33.3%	33.3% #ECE0E8	RGB 236 224 232	#ECE0E8
50.0%	50.0% #F1DFE9	RGB 241 223 233	#F1DFE9
66.7%	66.7% #F5DDEA	RGB 245 221 234	#F5DDEA
83.3%	83.3% #FADCEB	RGB 250 220 235	#FADCEB
100.0%	100.0% #FFDBED	RGB 255 219 237	#FFDBED

#E3E3E6 #E7E1E7 #ECE0E8 #F1DFE9 #F5DDEA #FADCEB #FFDBED

#E3E3E6 - #FFDBED

Mezcla HSV

#E3E3E6 - #FFDBED | 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 #E3E3E6 como 0% y #FFDBED como 100%.

0.0%	0.0% #E3E3E6	RGB 227 227 230	#E3E3E6
16.7%	16.7% #E4E2EA	RGB 228 226 234	#E4E2EA
33.3%	33.3% #E7E1EE	RGB 231 225 238	#E7E1EE
50.0%	50.0% #EDDFF2	RGB 237 223 242	#EDDFF2
66.7%	66.7% #F6DEF6	RGB 246 222 246	#F6DEF6
83.3%	83.3% #FADCF3	RGB 250 220 243	#FADCF3
100.0%	100.0% #FFDBED	RGB 255 219 237	#FFDBED

#E3E3E6 #E4E2EA #E7E1EE #EDDFF2 #F6DEF6 #FADCF3 #FFDBED

#E3E3E6 - #EDDFF2 - #FFDBED

Códigos CSS

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

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