Xám, xanh dương và tím hoa cà (gradient xuyên tâm)

Gradient xuyên tâm, 64 màu: #80788c, #c9b8ab, #3e5979, #82819e, #bd9791. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

6 keyframe OKLCH chỉnh sửa được.

#80788c
#867b8e
#8f8192
#998895
#a49099
#ae999d
#b8a3a3
#c0ada8
#c8b7af
#cdc0b5
#d2c7bb
#d4ccbf
#d6cec1
#d5cebf
#d2c9bb
#cec2b4
#c9b8ab
#c2aca3
#baa09b
#b09394
#a3868f
#967b8c
#877188
#796985
#6b6382
#615f7f
#595c7d
#525a7b
#4c597a
#475879
#435878
#415978
#3e5979
#3d5a7a
#3d5c7b
#3d5d7d
#3f5f7e
#416080
#436282
#476484
#4c6787
#536a8a
#5a6d8e
#627191
#6a7595
#737998
#7b7d9b
#82819e
#8a85a1
#9088a2
#968ba4
#9a8da5
#9f8ea5
#a390a5
#a891a4
#ac92a3
#af92a1
#b3939f
#b5939c
#b89499
#b99497
#bb9594
#bc9692
#bd9791

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(58.66% 0.0317 303.75) 0.0%, oklch(60.07% 0.0311 311.04) 1.6%, oklch(62.07% 0.0301 321.33) 3.2%, oklch(64.54% 0.0289 333.96) 4.8%, oklch(67.33% 0.0276 348.26) 6.3%, oklch(70.33% 0.0262 3.58) 7.9%, oklch(73.38% 0.0247 19.26) 9.5%, oklch(76.36% 0.0233 34.63) 11.1%, oklch(79.13% 0.0221 49.05) 12.7%, oklch(81.57% 0.0211 61.84) 14.3%, oklch(83.52% 0.0204 72.36) 15.9%, oklch(84.87% 0.0201 79.93) 17.5%, oklch(85.48% 0.0203 83.91) 19.0%, oklch(85.21% 0.0210 83.66) 20.6%, oklch(84.01% 0.0223 79.14) 22.2%, oklch(82.01% 0.0241 70.97) 23.8%, oklch(79.35% 0.0264 59.78) 25.4%, oklch(76.18% 0.0289 46.20) 27.0%, oklch(72.64% 0.0317 30.86) 28.6%, oklch(68.89% 0.0347 14.39) 30.2%, oklch(65.06% 0.0377 357.44) 31.7%, oklch(61.30% 0.0407 340.62) 33.3%, oklch(57.76% 0.0436 324.57) 34.9%, oklch(54.59% 0.0462 309.93) 36.5%, oklch(51.92% 0.0486 297.33) 38.1%, oklch(49.92% 0.0506 287.40) 39.7%, oklch(48.53% 0.0523 279.92) 41.3%, oklch(47.46% 0.0540 273.41) 42.9%, oklch(46.66% 0.0557 267.78) 44.4%, oklch(46.11% 0.0572 262.98) 46.0%, oklch(45.80% 0.0587 258.97) 47.6%, oklch(45.68% 0.0600 255.71) 49.2%, oklch(45.75% 0.0612 253.15) 50.8%, oklch(45.97% 0.0622 251.25) 52.4%, oklch(46.32% 0.0630 249.96) 54.0%, oklch(46.78% 0.0635 249.24) 55.6%, oklch(47.32% 0.0637 249.04) 57.1%, oklch(47.92% 0.0637 249.32) 58.7%, oklch(48.56% 0.0633 250.04) 60.3%, oklch(49.40% 0.0623 251.57) 61.9%, oklch(50.50% 0.0609 253.98) 63.5%, oklch(51.81% 0.0589 257.19) 65.1%, oklch(53.28% 0.0566 261.09) 66.7%, oklch(54.87% 0.0541 265.57) 68.3%, oklch(56.53% 0.0515 270.54) 69.8%, oklch(58.21% 0.0489 275.88) 71.4%, oklch(59.87% 0.0463 281.51) 73.0%, oklch(61.46% 0.0439 287.30) 74.6%, oklch(62.94% 0.0418 293.17) 76.2%, oklch(64.26% 0.0401 299.00) 77.8%, oklch(65.37% 0.0389 304.70) 79.4%, oklch(66.26% 0.0383 310.36) 81.0%, oklch(67.02% 0.0381 316.65) 82.5%, oklch(67.68% 0.0383 323.51) 84.1%, oklch(68.25% 0.0388 330.77) 85.7%, oklch(68.73% 0.0395 338.28) 87.3%, oklch(69.14% 0.0404 345.88) 88.9%, oklch(69.49% 0.0415 353.41) 90.5%, oklch(69.78% 0.0426 0.72) 92.1%, oklch(70.04% 0.0437 7.64) 93.7%, oklch(70.26% 0.0447 14.01) 95.2%, oklch(70.47% 0.0457 19.69) 96.8%, oklch(70.67% 0.0464 24.50) 98.4%, oklch(70.87% 0.0469 28.29) 100.0%);

Trong các bộ sưu tập này

Màu liminal

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động