#E3E5E6 - #99BE9F | 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 #E3E5E6 a #99BE9F

#E3E5E6 #99BE9F

Calcule el color entre dos colores, #E3E5E6 y #99BE9F. 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)

#E3E5E6 - #99BE9F | 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 #E3E5E6 como 0% y #99BE9F como 100%.

0.0%	0.0% #E3E5E6	RGB 227 229 230	#E3E5E6
16.7%	16.7% #D6DEDA	RGB 214 222 218	#D6DEDA
33.3%	33.3% #CAD8CE	RGB 202 216 206	#CAD8CE
50.0%	50.0% #BED1C2	RGB 190 209 194	#BED1C2
66.7%	66.7% #B1CBB6	RGB 177 203 182	#B1CBB6
83.3%	83.3% #A5C4AA	RGB 165 196 170	#A5C4AA
100.0%	100.0% #99BE9F	RGB 153 190 159	#99BE9F

#E3E5E6 #D6DEDA #CAD8CE #BED1C2 #B1CBB6 #A5C4AA #99BE9F

#E3E5E6 - #99BE9F

Mezcla HSV

#E3E5E6 - #99BE9F | 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 #E3E5E6 como 0% y #99BE9F como 100%.

0.0%	0.0% #E3E5E6	RGB 227 229 230	#E3E5E6
16.7%	16.7% #D5DDDF	RGB 213 221 223	#D5DDDF
33.3%	33.3% #C8D8D7	RGB 200 216 215	#C8D8D7
50.0%	50.0% #BCD2CC	RGB 188 210 204	#BCD2CC
66.7%	66.7% #B0CBBF	RGB 176 203 191	#B0CBBF
83.3%	83.3% #A4C4AF	RGB 164 196 175	#A4C4AF
100.0%	100.0% #99BE9F	RGB 153 190 159	#99BE9F

#E3E5E6 #D5DDDF #C8D8D7 #BCD2CC #B0CBBF #A4C4AF #99BE9F

#E3E5E6 - #BCD2CC - #99BE9F

Códigos CSS

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

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