Nâu, cam và xanh hải quân (gradient tuyến tính)

Nâu, cam và xanh hải quân: bảng màu gồm 32 màu. #b66338, #df8848, #de8d60, #8e596e, #303957. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 6 keyframe OKLCH chỉnh sửa được.

#b66338
#b96539
#be683b
#c46c3c
#ca713e
#d07540
#d57a42
#da8045
#df8848
#e3904b
#e79850
#ea9e54
#eba158
#eaa05b
#e89c5d
#e4955f
#de8d60
#d68462
#ce7b65
#c57469
#b96d6c
#ab666e
#9d5f6f
#8e596e
#80536d
#734f6b
#664a69
#594566
#4d4163
#413e5f
#373b5b
#303957

CSS

background: linear-gradient(135deg in oklch, oklch(58.66% 0.1213 46.41) 0.0%, oklch(59.56% 0.1228 46.76) 3.2%, oklch(60.79% 0.1251 47.16) 6.5%, oklch(62.25% 0.1278 47.67) 9.7%, oklch(63.84% 0.1304 48.34) 12.9%, oklch(65.47% 0.1325 49.22) 16.1%, oklch(67.03% 0.1336 50.37) 19.4%, oklch(68.65% 0.1336 52.18) 22.6%, oklch(70.63% 0.1327 55.02) 25.8%, oklch(72.70% 0.1313 58.27) 29.0%, oklch(74.59% 0.1294 61.24) 32.3%, oklch(76.03% 0.1272 63.29) 35.5%, oklch(76.75% 0.1249 63.73) 38.7%, oklch(76.52% 0.1227 62.10) 41.9%, oklch(75.45% 0.1206 58.86) 45.2%, oklch(73.76% 0.1183 54.34) 48.4%, oklch(71.63% 0.1157 48.82) 51.6%, oklch(69.24% 0.1126 42.54) 54.8%, oklch(66.78% 0.1088 35.79) 58.1%, oklch(64.40% 0.1040 28.74) 61.3%, oklch(61.76% 0.0978 20.99) 64.5%, oklch(58.88% 0.0904 12.52) 67.7%, oklch(55.89% 0.0827 3.50) 71.0%, oklch(52.92% 0.0752 354.08) 74.2%, oklch(50.10% 0.0688 344.44) 77.4%, oklch(47.54% 0.0639 334.67) 80.6%, oklch(45.05% 0.0606 323.66) 83.9%, oklch(42.57% 0.0582 311.53) 87.1%, oklch(40.23% 0.0565 299.26) 90.3%, oklch(38.12% 0.0554 287.80) 93.5%, oklch(36.35% 0.0546 278.11) 96.8%, oklch(35.04% 0.0537 271.14) 100.0%);

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

Gradient hoàng hôn Gradient chạng vạng Gradient bình minh

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