Xanh hải quân, xanh cổ vịt, xanh dương và trắng ngà (tương đồng) (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh cổ vịt, xanh dương và trắng ngà (tương đồng)

Gradient tuyến tính, 32 màu, góc 90°: #172944, #1b8764, #008292, #4c86aa, #e1f0d8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#172944
#152f4a
#103953
#01455c
#005261
#005f65
#006e68
#007c67
#1b8764
#329061
#3f9660
#3f9a64
#319a6b
#079877
#009283
#008a8b
#008292
#007a9a
#1a729e
#306d9e
#3b6c9e
#4270a1
#4679a5
#4c86aa
#5595ae
#65a6b2
#7ab6b6
#92c5bb
#abd3c1
#c2dfc8
#d4e9d1
#e1f0d8

CSS

background: linear-gradient(90deg in oklch, oklch(27.95% 0.0551 258.05) 0.0%, oklch(30.02% 0.0591 251.19) 3.2%, oklch(32.90% 0.0647 241.32) 6.5%, oklch(36.37% 0.0715 229.25) 9.7%, oklch(40.25% 0.0714 215.87) 12.9%, oklch(44.33% 0.0754 201.92) 16.1%, oklch(48.39% 0.0841 188.30) 19.4%, oklch(52.25% 0.0978 175.84) 22.6%, oklch(55.70% 0.1089 165.39) 25.8%, oklch(58.54% 0.1142 157.76) 29.0%, oklch(60.56% 0.1178 153.79) 32.3%, oklch(61.56% 0.1195 154.46) 35.5%, oklch(61.50% 0.1199 160.13) 38.7%, oklch(60.61% 0.1192 169.73) 41.9%, oklch(59.15% 0.1059 182.11) 45.2%, oklch(57.35% 0.0977 196.15) 48.4%, oklch(55.46% 0.0962 210.70) 51.6%, oklch(53.74% 0.1015 224.61) 54.8%, oklch(52.42% 0.1046 236.72) 58.1%, oklch(51.75% 0.1005 245.93) 61.3%, oklch(51.98% 0.0964 251.09) 64.5%, oklch(53.35% 0.0923 251.10) 67.7%, oklch(55.93% 0.0874 246.18) 71.0%, oklch(59.48% 0.0817 237.30) 74.2%, oklch(63.76% 0.0754 225.39) 77.4%, oklch(68.54% 0.0688 211.34) 80.6%, oklch(73.55% 0.0621 196.08) 83.9%, oklch(78.57% 0.0555 180.51) 87.1%, oklch(83.34% 0.0494 165.54) 90.3%, oklch(87.61% 0.0439 152.08) 93.5%, oklch(91.15% 0.0393 141.05) 96.8%, oklch(93.70% 0.0358 133.35) 100.0%);

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

Phượng tím đầu mùa Xanh ngọc lam Gradient nhiều màu xanh lá 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