#E5E5E6 - #BE9CAD | 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 #E5E5E6 a #BE9CAD

#E5E5E6 #BE9CAD

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

#E5E5E6 - #BE9CAD | 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 #E5E5E6 como 0% y #BE9CAD como 100%.

0.0%	0.0% #E5E5E6	RGB 229 229 230	#E5E5E6
16.7%	16.7% #DED8DC	RGB 222 216 220	#DED8DC
33.3%	33.3% #D8CCD3	RGB 216 204 211	#D8CCD3
50.0%	50.0% #D1C0C9	RGB 209 192 201	#D1C0C9
66.7%	66.7% #CBB4C0	RGB 203 180 192	#CBB4C0
83.3%	83.3% #C4A8B6	RGB 196 168 182	#C4A8B6
100.0%	100.0% #BE9CAD	RGB 190 156 173	#BE9CAD

#E5E5E6 #DED8DC #D8CCD3 #D1C0C9 #CBB4C0 #C4A8B6 #BE9CAD

#E5E5E6 - #BE9CAD

Mezcla HSV

#E5E5E6 - #BE9CAD | 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 #E5E5E6 como 0% y #BE9CAD como 100%.

0.0%	0.0% #E5E5E6	RGB 229 229 230	#E5E5E6
16.7%	16.7% #D9D7DF	RGB 217 215 223	#D9D7DF
33.3%	33.3% #D1CBD8	RGB 209 203 216	#D1CBD8
50.0%	50.0% #CDBED2	RGB 205 190 210	#CDBED2
66.7%	66.7% #CBB2CB	RGB 203 178 203	#CBB2CB
83.3%	83.3% #C4A7BD	RGB 196 167 189	#C4A7BD
100.0%	100.0% #BE9CAD	RGB 190 156 173	#BE9CAD

#E5E5E6 #D9D7DF #D1CBD8 #CDBED2 #CBB2CB #C4A7BD #BE9CAD

#E5E5E6 - #CDBED2 - #BE9CAD

Códigos CSS

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

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