Xanh dương, nâu, hồng và xám (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 135°: #54a9ba, #342f49, #c57b57, #6c8097, #59526f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#54a9ba
#52a4b6
#509db2
#4e95ab
#4b8ba4
#49819b
#467792
#436c88
#3f627e
#3c5874
#394f6a
#374661
#343f59
#323953
#32344d
#32314a
#342f49
#382f49
#3e304b
#46324d
#503550
#5b3953
#683e55
#754356
#824955
#8f5055
#9b5853
#a66051
#af6750
#b76e50
#bd7451
#c27953
#c57b57
#c87c5e
#c97c67
#c97b72
#c67b7f
#c17b8b
#ba7b96
#b07da0
#a57ea7
#9980aa
#8e81ab
#8382a8
#7b82a4
#7482a0
#6f819b
#6c8097
#6a7e93
#687c90
#667a8d
#64778a
#627488
#607186
#5e6d83
#5d6a81
#5c667f
#5b627c
#5b5f7a
#5a5c77
#5a5975
#5a5673
#595470
#59526f

CSS

background: linear-gradient(135deg in oklch, oklch(68.90% 0.0854 211.64) 0.0%, oklch(67.46% 0.0838 214.35) 1.6%, oklch(65.53% 0.0815 217.51) 3.2%, oklch(63.19% 0.0786 221.08) 4.8%, oklch(60.52% 0.0754 225.03) 6.3%, oklch(57.60% 0.0718 229.34) 7.9%, oklch(54.51% 0.0681 233.97) 9.5%, oklch(51.33% 0.0642 238.89) 11.1%, oklch(48.15% 0.0604 244.07) 12.7%, oklch(45.05% 0.0567 249.49) 14.3%, oklch(42.10% 0.0533 255.11) 15.9%, oklch(39.39% 0.0503 260.90) 17.5%, oklch(37.00% 0.0477 266.83) 19.0%, oklch(35.02% 0.0457 272.88) 20.6%, oklch(33.51% 0.0444 279.01) 22.2%, oklch(32.57% 0.0439 285.19) 23.8%, oklch(32.27% 0.0443 291.44) 25.4%, oklch(32.66% 0.0459 298.63) 27.0%, oklch(33.65% 0.0486 306.94) 28.6%, oklch(35.18% 0.0523 316.13) 30.2%, oklch(37.14% 0.0568 325.96) 31.7%, oklch(39.47% 0.0618 336.18) 33.3%, oklch(42.08% 0.0673 346.56) 34.9%, oklch(44.89% 0.0730 356.86) 36.5%, oklch(47.81% 0.0787 6.84) 38.1%, oklch(50.76% 0.0844 16.26) 39.7%, oklch(53.65% 0.0897 24.87) 41.3%, oklch(56.42% 0.0946 32.43) 42.9%, oklch(58.96% 0.0989 38.72) 44.4%, oklch(61.21% 0.1023 43.48) 46.0%, oklch(63.07% 0.1047 46.48) 47.6%, oklch(64.46% 0.1060 47.47) 49.2%, oklch(65.35% 0.1059 46.15) 50.8%, oklch(65.93% 0.1046 42.09) 52.4%, oklch(66.27% 0.1022 35.56) 54.0%, oklch(66.39% 0.0989 26.93) 55.6%, oklch(66.30% 0.0948 16.55) 57.1%, oklch(66.05% 0.0901 4.80) 58.7%, oklch(65.64% 0.0849 352.03) 60.3%, oklch(65.11% 0.0794 338.62) 61.9%, oklch(64.48% 0.0737 324.92) 63.5%, oklch(63.77% 0.0680 311.31) 65.1%, oklch(63.01% 0.0624 298.14) 66.7%, oklch(62.21% 0.0571 285.78) 68.3%, oklch(61.41% 0.0523 274.59) 69.8%, oklch(60.63% 0.0480 264.94) 71.4%, oklch(59.89% 0.0445 257.19) 73.0%, oklch(59.21% 0.0418 251.71) 74.6%, oklch(58.56% 0.0401 248.57) 76.2%, oklch(57.82% 0.0389 247.10) 77.8%, oklch(56.99% 0.0382 247.11) 79.4%, oklch(56.10% 0.0379 248.39) 81.0%, oklch(55.14% 0.0380 250.77) 82.5%, oklch(54.15% 0.0384 254.05) 84.1%, oklch(53.14% 0.0391 258.04) 85.7%, oklch(52.12% 0.0399 262.56) 87.3%, oklch(51.11% 0.0409 267.43) 88.9%, oklch(50.13% 0.0420 272.44) 90.5%, oklch(49.19% 0.0431 277.41) 92.1%, oklch(48.30% 0.0441 282.16) 93.7%, oklch(47.49% 0.0451 286.49) 95.2%, oklch(46.77% 0.0459 290.22) 96.8%, oklch(46.16% 0.0465 293.16) 98.4%, oklch(45.67% 0.0469 295.12) 100.0%);

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