#E3E5E4 - #99BDA2 | 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 #99BDA2

#E3E5E4 #99BDA2

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

0.0%	0.0% #E3E5E4	RGB 227 229 228	#E3E5E4
16.7%	16.7% #D6DED9	RGB 214 222 217	#D6DED9
33.3%	33.3% #CAD7CE	RGB 202 215 206	#CAD7CE
50.0%	50.0% #BED1C3	RGB 190 209 195	#BED1C3
66.7%	66.7% #B1CAB8	RGB 177 202 184	#B1CAB8
83.3%	83.3% #A5C3AD	RGB 165 195 173	#A5C3AD
100.0%	100.0% #99BDA2	RGB 153 189 162	#99BDA2

#E3E5E4 #D6DED9 #CAD7CE #BED1C3 #B1CAB8 #A5C3AD #99BDA2

#E3E5E4 - #99BDA2

Mezcla HSV

#E3E5E4 - #99BDA2 | 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 #99BDA2 como 100%.

0.0%	0.0% #E3E5E4	RGB 227 229 228	#E3E5E4
16.7%	16.7% #D5DED9	RGB 213 222 217	#D5DED9
33.3%	33.3% #C8D7CE	RGB 200 215 206	#C8D7CE
50.0%	50.0% #BCD1C3	RGB 188 209 195	#BCD1C3
66.7%	66.7% #B0CAB8	RGB 176 202 184	#B0CAB8
83.3%	83.3% #A4C3AD	RGB 164 195 173	#A4C3AD
100.0%	100.0% #99BDA2	RGB 153 189 162	#99BDA2

#E3E5E4 #D5DED9 #C8D7CE #BCD1C3 #B0CAB8 #A4C3AD #99BDA2

#E3E5E4 - #BCD1C3 - #99BDA2

Códigos CSS

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

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