Tím đậm, xám và xanh dương (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 225°: #4d3543, #9f8172, #bbcfaf, #639ba5, #3e4772. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4d3543
#503745
#533a46
#573c48
#5c404a
#60444d
#65484f
#6b4c52
#705155
#765658
#7c5c5b
#82615f
#886762
#8e6e66
#94746a
#997b6e
#9f8172
#a48876
#a98f7a
#ae957e
#b29c83
#b6a287
#b9a98b
#bcaf90
#beb494
#c0ba99
#c1be9d
#c2c3a1
#c2c6a4
#c1caa8
#c0ccab
#becead
#bbcfaf
#b8cfb1
#b4cfb2
#afceb2
#aaccb3
#a4cab3
#9ec7b3
#97c4b2
#91c0b1
#8abcb0
#83b7af
#7cb2ae
#75adac
#6fa7aa
#69a1a8
#639ba5
#5d95a2
#588ea0
#54889c
#508199
#4d7b96
#4a7592
#476f8e
#45698b
#436387
#425e83
#405980
#3f557d
#3f5079
#3e4d76
#3e4974
#3e4772

CSS

background: linear-gradient(225deg in oklch, oklch(36.22% 0.0413 343.13) 0.0%, oklch(37.05% 0.0414 345.62) 1.6%, oklch(38.06% 0.0416 348.41) 3.2%, oklch(39.22% 0.0417 351.47) 4.8%, oklch(40.53% 0.0418 354.79) 6.3%, oklch(41.97% 0.0419 358.35) 7.9%, oklch(43.53% 0.0420 2.15) 9.5%, oklch(45.19% 0.0421 6.16) 11.1%, oklch(46.95% 0.0422 10.37) 12.7%, oklch(48.79% 0.0423 14.77) 14.3%, oklch(50.69% 0.0424 19.33) 15.9%, oklch(52.65% 0.0425 24.06) 17.5%, oklch(54.65% 0.0427 28.92) 19.0%, oklch(56.67% 0.0428 33.92) 20.6%, oklch(58.71% 0.0429 39.02) 22.2%, oklch(60.75% 0.0431 44.22) 23.8%, oklch(62.78% 0.0433 49.51) 25.4%, oklch(64.79% 0.0435 54.86) 27.0%, oklch(66.76% 0.0437 60.27) 28.6%, oklch(68.68% 0.0439 65.72) 30.2%, oklch(70.53% 0.0441 71.19) 31.7%, oklch(72.31% 0.0443 76.67) 33.3%, oklch(74.00% 0.0446 82.14) 34.9%, oklch(75.58% 0.0449 87.60) 36.5%, oklch(77.05% 0.0452 93.02) 38.1%, oklch(78.39% 0.0455 98.39) 39.7%, oklch(79.59% 0.0459 103.69) 41.3%, oklch(80.64% 0.0462 108.92) 42.9%, oklch(81.51% 0.0466 114.05) 44.4%, oklch(82.21% 0.0471 119.08) 46.0%, oklch(82.71% 0.0475 123.98) 47.6%, oklch(83.01% 0.0480 128.74) 49.2%, oklch(83.08% 0.0485 133.39) 50.8%, oklch(82.94% 0.0490 138.13) 52.4%, oklch(82.60% 0.0497 142.98) 54.0%, oklch(82.06% 0.0503 147.94) 55.6%, oklch(81.35% 0.0510 152.98) 57.1%, oklch(80.48% 0.0518 158.09) 58.7%, oklch(79.45% 0.0526 163.26) 60.3%, oklch(78.28% 0.0534 168.48) 61.9%, oklch(76.98% 0.0543 173.74) 63.5%, oklch(75.57% 0.0552 179.01) 65.1%, oklch(74.06% 0.0561 184.30) 66.7%, oklch(72.46% 0.0570 189.58) 68.3%, oklch(70.78% 0.0580 194.84) 69.8%, oklch(69.03% 0.0589 200.07) 71.4%, oklch(67.24% 0.0599 205.25) 73.0%, oklch(65.40% 0.0608 210.38) 74.6%, oklch(63.54% 0.0618 215.43) 76.2%, oklch(61.66% 0.0627 220.40) 77.8%, oklch(59.78% 0.0637 225.27) 79.4%, oklch(57.91% 0.0646 230.04) 81.0%, oklch(56.07% 0.0655 234.67) 82.5%, oklch(54.26% 0.0664 239.17) 84.1%, oklch(52.50% 0.0672 243.52) 85.7%, oklch(50.81% 0.0681 247.71) 87.3%, oklch(49.18% 0.0688 251.72) 88.9%, oklch(47.65% 0.0696 255.54) 90.5%, oklch(46.21% 0.0703 259.16) 92.1%, oklch(44.88% 0.0710 262.56) 93.7%, oklch(43.68% 0.0716 265.73) 95.2%, oklch(42.61% 0.0721 268.66) 96.8%, oklch(41.70% 0.0726 271.33) 98.4%, oklch(40.94% 0.0730 273.73) 100.0%);

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

Sấm xuân trên đồng cỏ veld

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