#E3E5E4 - #93ABA8 | 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 #93ABA8

#E3E5E4 #93ABA8

Calcule el color entre dos colores, #E3E5E4 y #93ABA8. 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 - #93ABA8 | 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 #93ABA8 como 100%.

0.0%	0.0% #E3E5E4	RGB 227 229 228	#E3E5E4
16.7%	16.7% #D5DBDA	RGB 213 219 218	#D5DBDA
33.3%	33.3% #C8D1D0	RGB 200 209 208	#C8D1D0
50.0%	50.0% #BBC8C6	RGB 187 200 198	#BBC8C6
66.7%	66.7% #ADBEBC	RGB 173 190 188	#ADBEBC
83.3%	83.3% #A0B4B2	RGB 160 180 178	#A0B4B2
100.0%	100.0% #93ABA8	RGB 147 171 168	#93ABA8

#E3E5E4 #D5DBDA #C8D1D0 #BBC8C6 #ADBEBC #A0B4B2 #93ABA8

#E3E5E4 - #93ABA8

Mezcla HSV

#E3E5E4 - #93ABA8 | 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 #93ABA8 como 100%.

0.0%	0.0% #E3E5E4	RGB 227 229 228	#E3E5E4
16.7%	16.7% #D4DBD8	RGB 212 219 216	#D4DBD8
33.3%	33.3% #C6D1CD	RGB 198 209 205	#C6D1CD
50.0%	50.0% #B9C8C3	RGB 185 200 195	#B9C8C3
66.7%	66.7% #ABBEB9	RGB 171 190 185	#ABBEB9
83.3%	83.3% #9FB4B0	RGB 159 180 176	#9FB4B0
100.0%	100.0% #93ABA8	RGB 147 171 168	#93ABA8

#E3E5E4 #D4DBD8 #C6D1CD #B9C8C3 #ABBEB9 #9FB4B0 #93ABA8

#E3E5E4 - #B9C8C3 - #93ABA8

Códigos CSS

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

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