Xanh lơ sang xanh cổ vịt (đơn sắc) tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh lơ sang xanh cổ vịt (đơn sắc) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #38e4ff, #43fdfe, #50feea, #56ffd1, #49ffbb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#38e4ff
#39e6ff
#3ee9ff
#43ecff
#48f0ff
#4cf4ff
#4cf7ff
#48fbff
#43fdfe
#45fefd
#48fffa
#4afff8
#4cfff5
#4dfef2
#4ffef0
#4ffeed
#50feea
#50fee7
#50ffe3
#50ffe0
#52ffdc
#54ffd8
#55ffd5
#56ffd1
#56ffce
#55ffcb
#53ffc8
#51ffc5
#4fffc2
#4dffc0
#4bffbd
#49ffbb

CSS

background: linear-gradient(90deg in oklch, oklch(84.65% 0.1364 210.94) 0.0%, oklch(85.16% 0.1366 209.72) 3.2%, oklch(85.90% 0.1358 208.09) 6.5%, oklch(86.77% 0.1349 206.13) 9.7%, oklch(87.72% 0.1342 203.98) 12.9%, oklch(88.65% 0.1343 201.75) 16.1%, oklch(89.50% 0.1357 199.55) 19.4%, oklch(90.19% 0.1390 197.51) 22.6%, oklch(90.64% 0.1420 195.72) 25.8%, oklch(90.89% 0.1421 194.11) 29.0%, oklch(90.99% 0.1419 192.60) 32.3%, oklch(90.99% 0.1415 191.15) 35.5%, oklch(90.91% 0.1412 189.73) 38.7%, oklch(90.79% 0.1410 188.31) 41.9%, oklch(90.67% 0.1411 186.85) 45.2%, oklch(90.57% 0.1415 185.32) 48.4%, oklch(90.54% 0.1425 183.68) 51.6%, oklch(90.51% 0.1438 181.90) 54.8%, oklch(90.47% 0.1455 180.02) 58.1%, oklch(90.42% 0.1474 178.11) 61.3%, oklch(90.37% 0.1484 176.21) 64.5%, oklch(90.31% 0.1496 174.37) 67.7%, oklch(90.24% 0.1512 172.66) 71.0%, oklch(90.17% 0.1529 171.13) 74.2%, oklch(90.09% 0.1550 169.79) 77.4%, oklch(89.99% 0.1575 168.54) 80.6%, oklch(89.87% 0.1603 167.39) 83.9%, oklch(89.75% 0.1633 166.35) 87.1%, oklch(89.63% 0.1662 165.42) 90.3%, oklch(89.52% 0.1689 164.61) 93.5%, oklch(89.43% 0.1712 163.93) 96.8%, oklch(89.37% 0.1730 163.39) 100.0%);

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

Gradient đại dương Gradient xanh cổ vịt Gradient bãi biển Gradient ven biể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