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

Gradient tuyến tính, 32 màu, góc 45°: #5a83aa, #daa093, #685f81, #916e75, #5a5e60. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5a83aa
#6a84b1
#8386b8
#9e88b9
#b88db4
#cc93aa
#d79a9f
#dba097
#daa093
#d39b92
#c89092
#b88493
#a37993
#8d6f90
#7a688b
#6c6285
#685f81
#6b5e7f
#725f7d
#7c617b
#856478
#8c6875
#906c74
#916e75
#8d6e78
#856d7b
#7a6c7c
#6e6a7a
#646873
#5e656b
#5b6164
#5a5e60

CSS

background: linear-gradient(45deg in oklch, oklch(59.45% 0.0758 248.20) 0.0%, oklch(61.07% 0.0755 261.55) 3.2%, oklch(63.56% 0.0753 281.26) 6.5%, oklch(66.55% 0.0751 304.83) 9.7%, oklch(69.65% 0.0747 329.77) 12.9%, oklch(72.50% 0.0742 353.60) 16.1%, oklch(74.72% 0.0735 13.81) 19.4%, oklch(75.95% 0.0726 27.91) 22.6%, oklch(75.79% 0.0713 33.41) 25.8%, oklch(73.99% 0.0696 29.22) 29.0%, oklch(70.88% 0.0676 17.48) 32.3%, oklch(66.92% 0.0653 0.84) 35.5%, oklch(62.58% 0.0629 341.93) 38.7%, oklch(58.34% 0.0605 323.37) 41.9%, oklch(54.65% 0.0582 307.79) 45.2%, oklch(51.98% 0.0561 297.82) 48.4%, oklch(50.74% 0.0543 295.93) 51.6%, oklch(50.68% 0.0531 301.91) 54.8%, oklch(51.47% 0.0521 313.34) 58.1%, oklch(52.79% 0.0513 327.74) 61.3%, oklch(54.36% 0.0504 342.63) 64.5%, oklch(55.87% 0.0491 355.53) 67.7%, oklch(57.02% 0.0474 3.97) 71.0%, oklch(57.50% 0.0449 5.45) 74.2%, oklch(57.15% 0.0413 357.92) 77.4%, oklch(56.23% 0.0365 342.40) 80.6%, oklch(54.91% 0.0309 321.26) 83.9%, oklch(53.35% 0.0249 296.87) 87.1%, oklch(51.73% 0.0189 271.61) 90.3%, oklch(50.19% 0.0134 247.86) 93.5%, oklch(48.90% 0.0088 227.99) 96.8%, oklch(48.03% 0.0055 214.39) 100.0%);

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

Hồ mờ sương cuối hạ

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