#E3E5E4 - #93AB95 | 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 #E3E5E4 a #93AB95

#E3E5E4 #93AB95

Calcule el color entre dos colores, #E3E5E4 y #93AB95. 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)

#E3E5E4 - #93AB95 | 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 #E3E5E4 como 0% y #93AB95 como 100%.

0.0%	0.0% #E3E5E4	RGB 227 229 228	#E3E5E4
16.7%	16.7% #D5DBD6	RGB 213 219 214	#D5DBD6
33.3%	33.3% #C8D1C9	RGB 200 209 201	#C8D1C9
50.0%	50.0% #BBC8BC	RGB 187 200 188	#BBC8BC
66.7%	66.7% #ADBEAF	RGB 173 190 175	#ADBEAF
83.3%	83.3% #A0B4A2	RGB 160 180 162	#A0B4A2
100.0%	100.0% #93AB95	RGB 147 171 149	#93AB95

#E3E5E4 #D5DBD6 #C8D1C9 #BBC8BC #ADBEAF #A0B4A2 #93AB95

#E3E5E4 - #93AB95

Mezcla HSV

#E3E5E4 - #93AB95 | 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 #E3E5E4 como 0% y #93AB95 como 100%.

0.0%	0.0% #E3E5E4	RGB 227 229 228	#E3E5E4
16.7%	16.7% #D4DBD7	RGB 212 219 215	#D4DBD7
33.3%	33.3% #C6D1CA	RGB 198 209 202	#C6D1CA
50.0%	50.0% #B9C8BD	RGB 185 200 189	#B9C8BD
66.7%	66.7% #ABBEB0	RGB 171 190 176	#ABBEB0
83.3%	83.3% #9FB4A2	RGB 159 180 162	#9FB4A2
100.0%	100.0% #93AB95	RGB 147 171 149	#93AB95

#E3E5E4 #D4DBD7 #C6D1CA #B9C8BD #ABBEB0 #9FB4A2 #93AB95

#E3E5E4 - #B9C8BD - #93AB95

Códigos CSS

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

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