Xanh hải quân, cam và hồng (ba tông) (gradient tuyến tính)

Bảng màu Xanh hải quân, cam và hồng (ba tông)

Gradient tuyến tính, 32 màu, góc 45°: #272b36, #8d4f73, #f47b1f, #ff6133, #e8327a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#272b36
#2b2f3d
#323345
#3a384f
#463d5a
#554164
#66466c
#794a71
#8d4f73
#a15372
#b4596d
#c55e65
#d3655a
#df6c4d
#e8723f
#ef772f
#f47b1f
#f87c0a
#fa7c00
#fc7900
#ff7400
#ff6f19
#ff6928
#ff6133
#ff573e
#fc4f4a
#f94856
#f54260
#f13c69
#ed3870
#ea3476
#e8327a

CSS

background: linear-gradient(45deg in oklch, oklch(29.13% 0.0193 267.89) 0.0%, oklch(30.73% 0.0250 273.40) 3.2%, oklch(32.80% 0.0323 280.60) 6.5%, oklch(35.28% 0.0409 289.23) 9.7%, oklch(38.09% 0.0505 299.02) 12.9%, oklch(41.16% 0.0610 309.72) 16.1%, oklch(44.41% 0.0722 321.05) 19.4%, oklch(47.77% 0.0838 332.74) 22.6%, oklch(51.17% 0.0957 344.54) 25.8%, oklch(54.53% 0.1077 356.18) 29.0%, oklch(57.79% 0.1195 7.39) 32.3%, oklch(60.86% 0.1309 17.90) 35.5%, oklch(63.68% 0.1418 27.45) 38.7%, oklch(66.17% 0.1518 35.78) 41.9%, oklch(68.26% 0.1609 42.62) 45.2%, oklch(69.87% 0.1688 47.70) 48.4%, oklch(70.95% 0.1754 50.81) 51.6%, oklch(71.60% 0.1812 52.22) 54.8%, oklch(71.86% 0.1845 52.14) 58.1%, oklch(71.80% 0.1877 50.79) 61.3%, oklch(71.45% 0.1936 48.34) 64.5%, oklch(70.86% 0.1947 45.00) 67.7%, oklch(70.09% 0.1972 40.92) 71.0%, oklch(69.17% 0.2016 36.31) 74.2%, oklch(68.15% 0.2078 31.36) 77.4%, oklch(67.08% 0.2101 26.25) 80.6%, oklch(66.01% 0.2122 21.19) 83.9%, oklch(64.98% 0.2140 16.34) 87.1%, oklch(64.03% 0.2158 11.91) 90.3%, oklch(63.23% 0.2174 8.09) 93.5%, oklch(62.60% 0.2189 5.05) 96.8%, oklch(62.20% 0.2205 3.00) 100.0%);

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

Chân trời chạng vạng điểm phân Sticker dán tủ đồ

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