Xanh dương sang xanh lá nhạt (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #6d78c7, #8d9fdd, #aac7e9, #b8ddc9, #dee8ad. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6d78c7
#707bc9
#737fcb
#7783ce
#7c89d2
#808ed5
#8594d8
#899adb
#8d9fdd
#92a4e0
#97a9e1
#9caee3
#a1b3e5
#a6b8e6
#a9bde8
#aac2e9
#aac7e9
#a8cce8
#a7d0e5
#a6d4e0
#a8d7da
#addad3
#b2dbcd
#b8ddc9
#bddfc5
#c2e0c2
#c7e2be
#cce4ba
#d1e6b6
#d6e7b3
#dae8b0
#dee8ad

CSS

background: linear-gradient(135deg in oklch, oklch(59.84% 0.1213 276.33) 0.0%, oklch(60.73% 0.1192 276.07) 3.2%, oklch(61.91% 0.1166 275.82) 6.5%, oklch(63.33% 0.1135 275.53) 9.7%, oklch(64.89% 0.1100 275.15) 12.9%, oklch(66.54% 0.1061 274.63) 16.1%, oklch(68.19% 0.1022 273.93) 19.4%, oklch(69.77% 0.0981 272.99) 22.6%, oklch(71.22% 0.0941 271.81) 25.8%, oklch(72.66% 0.0896 271.09) 29.0%, oklch(74.15% 0.0846 270.78) 32.3%, oklch(75.63% 0.0795 270.43) 35.5%, oklch(77.09% 0.0743 269.58) 38.7%, oklch(78.49% 0.0693 267.80) 41.9%, oklch(79.79% 0.0648 264.61) 45.2%, oklch(80.97% 0.0609 259.59) 48.4%, oklch(81.98% 0.0578 252.17) 51.6%, oklch(82.85% 0.0550 241.74) 54.8%, oklch(83.58% 0.0525 229.01) 58.1%, oklch(84.23% 0.0504 214.86) 61.3%, oklch(84.80% 0.0488 200.14) 64.5%, oklch(85.35% 0.0478 185.75) 67.7%, oklch(85.89% 0.0475 172.54) 71.0%, oklch(86.46% 0.0480 161.39) 74.2%, oklch(87.08% 0.0496 152.53) 77.4%, oklch(87.73% 0.0526 144.74) 80.6%, oklch(88.38% 0.0567 137.91) 83.9%, oklch(89.02% 0.0614 131.97) 87.1%, oklch(89.62% 0.0662 126.85) 90.3%, oklch(90.15% 0.0708 122.47) 93.5%, oklch(90.60% 0.0746 118.78) 96.8%, oklch(90.94% 0.0772 115.70) 100.0%);

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

Gradient mùa xuân

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