#E6ECE2 - #F9FEEB | 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 #E6ECE2 a #F9FEEB

#E6ECE2 #F9FEEB

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

#E6ECE2 - #F9FEEB | 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 #E6ECE2 como 0% y #F9FEEB como 100%.

0.0%	0.0% #E6ECE2	RGB 230 236 226	#E6ECE2
16.7%	16.7% #E9EFE3	RGB 233 239 227	#E9EFE3
33.3%	33.3% #ECF2E5	RGB 236 242 229	#ECF2E5
50.0%	50.0% #EFF5E6	RGB 239 245 230	#EFF5E6
66.7%	66.7% #F2F8E8	RGB 242 248 232	#F2F8E8
83.3%	83.3% #F5FBE9	RGB 245 251 233	#F5FBE9
100.0%	100.0% #F9FEEB	RGB 249 254 235	#F9FEEB

#E6ECE2 #E9EFE3 #ECF2E5 #EFF5E6 #F2F8E8 #F5FBE9 #F9FEEB

#E6ECE2 - #F9FEEB

Mezcla HSV

#E6ECE2 - #F9FEEB | 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 #E6ECE2 como 0% y #F9FEEB como 100%.

0.0%	0.0% #E6ECE2	RGB 230 236 226	#E6ECE2
16.7%	16.7% #E8EFE3	RGB 232 239 227	#E8EFE3
33.3%	33.3% #EBF2E5	RGB 235 242 229	#EBF2E5
50.0%	50.0% #EEF5E6	RGB 238 245 230	#EEF5E6
66.7%	66.7% #F2F8E8	RGB 242 248 232	#F2F8E8
83.3%	83.3% #F5FBE9	RGB 245 251 233	#F5FBE9
100.0%	100.0% #F9FEEB	RGB 249 254 235	#F9FEEB

#E6ECE2 #E8EFE3 #EBF2E5 #EEF5E6 #F2F8E8 #F5FBE9 #F9FEEB

#E6ECE2 - #EEF5E6 - #F9FEEB

Códigos CSS

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

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