#E5E5E8 - #92A3AF | 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 #E5E5E8 a #92A3AF

#E5E5E8 #92A3AF

Calcule el color entre dos colores, #E5E5E8 y #92A3AF. 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)

#E5E5E8 - #92A3AF | 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 #E5E5E8 como 0% y #92A3AF como 100%.

0.0%	0.0% #E5E5E8	RGB 229 229 232	#E5E5E8
16.7%	16.7% #D7DADE	RGB 215 218 222	#D7DADE
33.3%	33.3% #C9CFD5	RGB 201 207 213	#C9CFD5
50.0%	50.0% #BBC4CB	RGB 187 196 203	#BBC4CB
66.7%	66.7% #ADB9C2	RGB 173 185 194	#ADB9C2
83.3%	83.3% #9FAEB8	RGB 159 174 184	#9FAEB8
100.0%	100.0% #92A3AF	RGB 146 163 175	#92A3AF

#E5E5E8 #D7DADE #C9CFD5 #BBC4CB #ADB9C2 #9FAEB8 #92A3AF

#E5E5E8 - #92A3AF

Mezcla HSV

#E5E5E8 - #92A3AF | 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 #E5E5E8 como 0% y #92A3AF como 100%.

0.0%	0.0% #E5E5E8	RGB 229 229 232	#E5E5E8
16.7%	16.7% #D5D6DE	RGB 213 214 222	#D5D6DE
33.3%	33.3% #C7CAD5	RGB 199 202 213	#C7CAD5
50.0%	50.0% #B9BECB	RGB 185 190 203	#B9BECB
66.7%	66.7% #ABB4C2	RGB 171 180 194	#ABB4C2
83.3%	83.3% #9EABB8	RGB 158 171 184	#9EABB8
100.0%	100.0% #92A3AF	RGB 146 163 175	#92A3AF

#E5E5E8 #D5D6DE #C7CAD5 #B9BECB #ABB4C2 #9EABB8 #92A3AF

#E5E5E8 - #B9BECB - #92A3AF

Códigos CSS

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

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