Xanh dương, xanh lá và hồng cá hồi (gradient tuyến tính)

Bảng màu Xanh dương, xanh lá và hồng cá hồi

Gradient tuyến tính, 32 màu, góc 45°: #304e6b, #24666a, #597b4a, #a6771e, #dd665e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#304e6b
#2e506c
#2c526d
#2a556d
#27586d
#255c6d
#235f6d
#23636b
#24666a
#266a67
#2b6d64
#317061
#38735d
#407659
#487854
#517950
#597b4a
#637c44
#6d7c3e
#787c36
#837c2e
#8f7b27
#9b7921
#a6771e
#b17520
#ba7226
#c36f2f
#cb6d39
#d16a43
#d6694d
#da6756
#dd665e

CSS

background: linear-gradient(45deg in oklch, oklch(41.34% 0.0606 248.91) 0.0%, oklch(41.80% 0.0612 244.97) 3.2%, oklch(42.36% 0.0618 240.23) 6.5%, oklch(43.00% 0.0624 234.77) 9.7%, oklch(43.72% 0.0630 228.68) 12.9%, oklch(44.51% 0.0636 222.04) 16.1%, oklch(45.35% 0.0644 214.93) 19.4%, oklch(46.24% 0.0652 207.44) 22.6%, oklch(47.16% 0.0661 199.65) 25.8%, oklch(48.09% 0.0672 191.64) 29.0%, oklch(49.04% 0.0685 183.49) 32.3%, oklch(49.99% 0.0700 175.30) 35.5%, oklch(50.92% 0.0717 167.14) 38.7%, oklch(51.83% 0.0737 159.10) 41.9%, oklch(52.71% 0.0760 151.26) 45.2%, oklch(53.54% 0.0785 143.71) 48.4%, oklch(54.33% 0.0815 136.40) 51.6%, oklch(55.14% 0.0850 128.74) 54.8%, oklch(55.97% 0.0891 120.71) 58.1%, oklch(56.82% 0.0937 112.39) 61.3%, oklch(57.68% 0.0987 103.90) 64.5%, oklch(58.54% 0.1039 95.32) 67.7%, oklch(59.39% 0.1094 86.75) 71.0%, oklch(60.23% 0.1149 78.28) 74.2%, oklch(61.04% 0.1204 70.02) 77.4%, oklch(61.82% 0.1258 62.06) 80.6%, oklch(62.56% 0.1309 54.49) 83.9%, oklch(63.25% 0.1358 47.41) 87.1%, oklch(63.88% 0.1402 40.92) 90.3%, oklch(64.45% 0.1442 35.11) 93.5%, oklch(64.94% 0.1475 30.08) 96.8%, oklch(65.35% 0.1502 25.93) 100.0%);

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

Buổi sáng tràm bông đỏ

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