Xanh dương sang xanh lá nhạt (hai tông) tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương sang xanh lá nhạt (hai tông) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #7c86ff, #64b7ff, #62e8f9, #84ffb9, #abff72. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7c86ff
#798aff
#7590ff
#7197ff
#6c9eff
#69a4ff
#66aaff
#65b0ff
#64b7ff
#63bdff
#62c3ff
#62c9ff
#62d0ff
#63d6ff
#64dcfe
#64e2fd
#62e8f9
#60eff4
#61f5eb
#66fae0
#6ffdd5
#7affcb
#83ffc2
#84ffb9
#83ffaf
#85ffa5
#8afe9c
#91fe93
#98ff89
#a0ff80
#a7ff79
#abff72

CSS

background: linear-gradient(90deg in oklch, oklch(66.93% 0.1769 277.03) 0.0%, oklch(67.57% 0.1719 274.58) 3.2%, oklch(68.47% 0.1656 271.15) 6.5%, oklch(69.53% 0.1589 267.11) 9.7%, oklch(70.68% 0.1527 262.82) 12.9%, oklch(71.86% 0.1469 258.66) 16.1%, oklch(73.03% 0.1421 254.78) 19.4%, oklch(74.29% 0.1372 250.88) 22.6%, oklch(75.60% 0.1326 246.89) 25.8%, oklch(76.95% 0.1284 242.75) 29.0%, oklch(78.29% 0.1250 238.39) 32.3%, oklch(79.65% 0.1224 233.84) 35.5%, oklch(81.07% 0.1199 229.33) 38.7%, oklch(82.50% 0.1183 224.64) 41.9%, oklch(83.90% 0.1172 219.52) 45.2%, oklch(85.22% 0.1167 213.70) 48.4%, oklch(86.42% 0.1181 206.83) 51.6%, oklch(87.62% 0.1213 198.39) 54.8%, oklch(88.76% 0.1260 189.11) 58.1%, oklch(89.77% 0.1314 179.90) 61.3%, oklch(90.57% 0.1370 171.65) 64.5%, oklch(91.07% 0.1400 165.21) 67.7%, oklch(91.19% 0.1418 160.37) 71.0%, oklch(91.05% 0.1488 156.59) 74.2%, oklch(90.80% 0.1583 153.48) 77.4%, oklch(90.59% 0.1650 150.61) 80.6%, oklch(90.57% 0.1704 147.58) 83.9%, oklch(90.73% 0.1759 144.38) 87.1%, oklch(91.00% 0.1814 141.27) 90.3%, oklch(91.29% 0.1865 138.45) 93.5%, oklch(91.55% 0.1893 136.08) 96.8%, oklch(91.73% 0.1924 134.37) 100.0%);

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

Gradient xanh dương và xanh lá

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