Gris y negro en muestras lineales

Muestras lineales, 64 colores a 225°: #dfe3e5, #869297, #35434a, #20242a, #161617. Edita y exporta CSS, SVG, PNG o un shader.

3 fotogramas clave OKLCH editables.

#dfe3e5
#dbe0e2
#d8dddf
#d4d9db
#cfd5d7
#cad0d3
#c5ccce
#bfc7c9
#bac1c4
#b4bcbf
#adb6ba
#a7b0b4
#a1aaae
#9aa4a8
#949ea3
#8d989d
#869297
#808c91
#79868b
#738085
#6d7a80
#66747a
#616e75
#5b696f
#55646a
#505f65
#4b5a61
#47555c
#435158
#3f4d54
#3b4951
#38464d
#35434a
#334047
#303d45
#2e3a42
#2c3840
#2a353d
#29333b
#273139
#262f37
#252d35
#242b33
#232931
#22282f
#21262d
#20252b
#20242a
#1f2228
#1e2127
#1e2025
#1d1f24
#1c1e22
#1c1d21
#1b1c20
#1b1b1f
#1a1b1d
#1a1a1c
#19191b
#18191a
#181819
#171718
#171718
#161617

CSS

background: linear-gradient(225deg, oklch(91.34% 0.0055 223.59) 0.000% 1.563%, oklch(90.42% 0.0058 223.73) 1.563% 3.125%, oklch(89.36% 0.0062 223.85) 3.125% 4.688%, oklch(88.18% 0.0066 223.95) 4.688% 6.250%, oklch(86.88% 0.0071 224.04) 6.250% 7.813%, oklch(85.47% 0.0076 224.11) 7.813% 9.375%, oklch(83.96% 0.0082 224.18) 9.375% 10.938%, oklch(82.35% 0.0088 224.24) 10.938% 12.500%, oklch(80.66% 0.0094 224.29) 12.500% 14.063%, oklch(78.90% 0.0101 224.35) 14.063% 15.625%, oklch(77.07% 0.0108 224.42) 15.625% 17.188%, oklch(75.18% 0.0115 224.49) 17.188% 18.750%, oklch(73.24% 0.0123 224.58) 18.750% 20.313%, oklch(71.26% 0.0130 224.67) 20.313% 21.875%, oklch(69.25% 0.0138 224.79) 21.875% 23.438%, oklch(67.21% 0.0145 224.93) 23.438% 25.000%, oklch(65.16% 0.0153 225.09) 25.000% 26.563%, oklch(63.10% 0.0160 225.28) 26.563% 28.125%, oklch(61.05% 0.0167 225.50) 28.125% 29.688%, oklch(59.00% 0.0174 225.75) 29.688% 31.250%, oklch(56.97% 0.0180 226.04) 31.250% 32.813%, oklch(54.97% 0.0187 226.37) 32.813% 34.375%, oklch(53.01% 0.0193 226.75) 34.375% 35.938%, oklch(51.09% 0.0198 227.17) 35.938% 37.500%, oklch(49.22% 0.0203 227.64) 37.500% 39.063%, oklch(47.42% 0.0208 228.17) 39.063% 40.625%, oklch(45.69% 0.0212 228.75) 40.625% 42.188%, oklch(44.03% 0.0215 229.39) 42.188% 43.750%, oklch(42.47% 0.0218 230.09) 43.750% 45.313%, oklch(41.00% 0.0219 230.86) 45.313% 46.875%, oklch(39.63% 0.0220 231.71) 46.875% 48.438%, oklch(38.38% 0.0221 232.62) 48.438% 50.000%, oklch(37.24% 0.0220 233.62) 50.000% 51.563%, oklch(36.16% 0.0218 234.74) 51.563% 53.125%, oklch(35.13% 0.0216 235.99) 53.125% 54.688%, oklch(34.16% 0.0213 237.36) 54.688% 56.250%, oklch(33.23% 0.0209 238.84) 56.250% 57.813%, oklch(32.35% 0.0204 240.42) 57.813% 59.375%, oklch(31.51% 0.0199 242.08) 59.375% 60.938%, oklch(30.72% 0.0193 243.83) 60.938% 62.500%, oklch(29.97% 0.0186 245.65) 62.500% 64.063%, oklch(29.25% 0.0179 247.53) 64.063% 65.625%, oklch(28.58% 0.0171 249.46) 65.625% 67.188%, oklch(27.94% 0.0164 251.44) 67.188% 68.750%, oklch(27.34% 0.0155 253.45) 68.750% 70.313%, oklch(26.77% 0.0147 255.49) 70.313% 71.875%, oklch(26.23% 0.0138 257.54) 71.875% 73.438%, oklch(25.71% 0.0130 259.60) 73.438% 75.000%, oklch(25.23% 0.0121 261.66) 75.000% 76.563%, oklch(24.77% 0.0112 263.71) 76.563% 78.125%, oklch(24.34% 0.0103 265.73) 78.125% 79.688%, oklch(23.93% 0.0094 267.72) 79.688% 81.250%, oklch(23.53% 0.0085 269.68) 81.250% 82.813%, oklch(23.16% 0.0077 271.59) 82.813% 84.375%, oklch(22.80% 0.0069 273.43) 84.375% 85.938%, oklch(22.46% 0.0061 275.21) 85.938% 87.500%, oklch(22.14% 0.0053 276.92) 87.500% 89.063%, oklch(21.82% 0.0046 278.54) 89.063% 90.625%, oklch(21.52% 0.0039 280.06) 90.625% 92.188%, oklch(21.22% 0.0033 281.48) 92.188% 93.750%, oklch(20.93% 0.0027 282.79) 93.750% 95.313%, oklch(20.64% 0.0022 283.98) 95.313% 96.875%, oklch(20.36% 0.0017 285.03) 96.875% 98.438%, oklch(20.08% 0.0014 285.94) 98.438% 100.000%);

En estas colecciones

Degradados grises