#E1DADE - #403E3E | 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 #E1DADE a #403E3E

#E1DADE #403E3E

Calcule el color entre dos colores, #E1DADE y #403E3E. 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)

#E1DADE - #403E3E | 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 #E1DADE como 0% y #403E3E como 100%.

0.0%	0.0% #E1DADE	RGB 225 218 222	#E1DADE
16.7%	16.7% #C6C0C3	RGB 198 192 195	#C6C0C3
33.3%	33.3% #ABA6A8	RGB 171 166 168	#ABA6A8
50.0%	50.0% #908C8E	RGB 144 140 142	#908C8E
66.7%	66.7% #757273	RGB 117 114 115	#757273
83.3%	83.3% #5A5858	RGB 90 88 88	#5A5858
100.0%	100.0% #403E3E	RGB 64 62 62	#403E3E

#E1DADE #C6C0C3 #ABA6A8 #908C8E #757273 #5A5858 #403E3E

#E1DADE - #403E3E

Mezcla HSV

#E1DADE - #403E3E | 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 #E1DADE como 0% y #403E3E como 100%.

0.0%	0.0% #E1DADE	RGB 225 218 222	#E1DADE
16.7%	16.7% #C6BFC2	RGB 198 191 194	#C6BFC2
33.3%	33.3% #ABA5A8	RGB 171 165 168	#ABA5A8
50.0%	50.0% #908B8D	RGB 144 139 141	#908B8D
66.7%	66.7% #757172	RGB 117 113 114	#757172
83.3%	83.3% #5A5758	RGB 90 87 88	#5A5758
100.0%	100.0% #403E3E	RGB 64 62 62	#403E3E

#E1DADE #C6BFC2 #ABA5A8 #908B8D #757172 #5A5758 #403E3E

#E1DADE - #908B8D - #403E3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E1DADE 0%, #908B8D 50%, #403E3E 100%);
    background: -webkit-linear-gradient(top, #E1DADE 0%, #908B8D 50%, #403E3E 100%);
    background: linear-gradient(to bottom, #E1DADE 0%, #908B8D 50%, #403E3E 100%);
}
</style>