#E3E5E3 - #98BAAF | 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 #E3E5E3 a #98BAAF

#E3E5E3 #98BAAF

Calcule el color entre dos colores, #E3E5E3 y #98BAAF. 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)

#E3E5E3 - #98BAAF | 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 #E3E5E3 como 0% y #98BAAF como 100%.

0.0%	0.0% #E3E5E3	RGB 227 229 227	#E3E5E3
16.7%	16.7% #D6DDDA	RGB 214 221 218	#D6DDDA
33.3%	33.3% #CAD6D1	RGB 202 214 209	#CAD6D1
50.0%	50.0% #BDCFC9	RGB 189 207 201	#BDCFC9
66.7%	66.7% #B1C8C0	RGB 177 200 192	#B1C8C0
83.3%	83.3% #A4C1B7	RGB 164 193 183	#A4C1B7
100.0%	100.0% #98BAAF	RGB 152 186 175	#98BAAF

#E3E5E3 #D6DDDA #CAD6D1 #BDCFC9 #B1C8C0 #A4C1B7 #98BAAF

#E3E5E3 - #98BAAF

Mezcla HSV

#E3E5E3 - #98BAAF | 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 #E3E5E3 como 0% y #98BAAF como 100%.

0.0%	0.0% #E3E5E3	RGB 227 229 227	#E3E5E3
16.7%	16.7% #D5DDD6	RGB 213 221 214	#D5DDD6
33.3%	33.3% #C8D6CB	RGB 200 214 203	#C8D6CB
50.0%	50.0% #BBCFC2	RGB 187 207 194	#BBCFC2
66.7%	66.7% #AFC8BA	RGB 175 200 186	#AFC8BA
83.3%	83.3% #A3C1B4	RGB 163 193 180	#A3C1B4
100.0%	100.0% #98BAAF	RGB 152 186 175	#98BAAF

#E3E5E3 #D5DDD6 #C8D6CB #BBCFC2 #AFC8BA #A3C1B4 #98BAAF

#E3E5E3 - #BBCFC2 - #98BAAF

Códigos CSS

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

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