#E5EBE8 - #8FA8B9 | 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 #E5EBE8 a #8FA8B9

#E5EBE8 #8FA8B9

Calcule el color entre dos colores, #E5EBE8 y #8FA8B9. 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)

#E5EBE8 - #8FA8B9 | 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 #E5EBE8 como 0% y #8FA8B9 como 100%.

0.0%	0.0% #E5EBE8	RGB 229 235 232	#E5EBE8
16.7%	16.7% #D6DFE0	RGB 214 223 224	#D6DFE0
33.3%	33.3% #C8D4D8	RGB 200 212 216	#C8D4D8
50.0%	50.0% #BAC9D0	RGB 186 201 208	#BAC9D0
66.7%	66.7% #ABBEC8	RGB 171 190 200	#ABBEC8
83.3%	83.3% #9DB3C0	RGB 157 179 192	#9DB3C0
100.0%	100.0% #8FA8B9	RGB 143 168 185	#8FA8B9

#E5EBE8 #D6DFE0 #C8D4D8 #BAC9D0 #ABBEC8 #9DB3C0 #8FA8B9

#E5EBE8 - #8FA8B9

Mezcla HSV

#E5EBE8 - #8FA8B9 | 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 #E5EBE8 como 0% y #8FA8B9 como 100%.

0.0%	0.0% #E5EBE8	RGB 229 235 232	#E5EBE8
16.7%	16.7% #D5E2DD	RGB 213 226 221	#D5E2DD
33.3%	33.3% #C6DAD6	RGB 198 218 214	#C6DAD6
50.0%	50.0% #B7D2D0	RGB 183 210 208	#B7D2D0
66.7%	66.7% #A9C6C9	RGB 169 198 201	#A9C6C9
83.3%	83.3% #9BB7C1	RGB 155 183 193	#9BB7C1
100.0%	100.0% #8FA8B9	RGB 143 168 185	#8FA8B9

#E5EBE8 #D5E2DD #C6DAD6 #B7D2D0 #A9C6C9 #9BB7C1 #8FA8B9

#E5EBE8 - #B7D2D0 - #8FA8B9

Códigos CSS

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

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