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

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

Gradient tuyến tính, 32 màu, góc 180°: #091123, #1c233d, #3f3a5e, #b06751, #f3c677. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#091123
#0a1225
#0c1428
#0e162b
#10192e
#131b32
#161e35
#192039
#1c233d
#1e2540
#202843
#222a46
#252d4a
#282f4e
#2d3352
#353658
#3f3a5e
#4d3d64
#5f4168
#724669
#854b65
#96535f
#a45c57
#b06751
#ba734f
#c38050
#cd8e55
#d79c5b
#e0a963
#e8b46b
#efbe72
#f3c677

CSS

background: linear-gradient(180deg in oklch, oklch(18.11% 0.0400 265.08) 0.0%, oklch(18.73% 0.0407 265.43) 3.2%, oklch(19.53% 0.0417 265.83) 6.5%, oklch(20.50% 0.0429 266.30) 9.7%, oklch(21.57% 0.0443 266.87) 12.9%, oklch(22.73% 0.0457 267.57) 16.1%, oklch(23.92% 0.0471 268.42) 19.4%, oklch(25.11% 0.0486 269.45) 22.6%, oklch(26.26% 0.0499 270.64) 25.8%, oklch(27.31% 0.0510 271.11) 29.0%, oklch(28.27% 0.0518 270.96) 32.3%, oklch(29.25% 0.0527 270.77) 35.5%, oklch(30.31% 0.0536 271.13) 38.7%, oklch(31.53% 0.0549 272.62) 41.9%, oklch(33.00% 0.0567 275.83) 45.2%, oklch(34.79% 0.0591 281.35) 48.4%, oklch(36.97% 0.0625 289.90) 51.6%, oklch(39.57% 0.0670 302.27) 54.8%, oklch(42.48% 0.0724 317.53) 58.1%, oklch(45.64% 0.0784 334.55) 61.3%, oklch(48.96% 0.0845 352.22) 64.5%, oklch(52.36% 0.0903 9.38) 67.7%, oklch(55.75% 0.0955 24.93) 71.0%, oklch(59.04% 0.0997 37.71) 74.2%, oklch(62.34% 0.1028 47.36) 77.4%, oklch(65.95% 0.1050 55.28) 80.6%, oklch(69.72% 0.1066 61.76) 83.9%, oklch(73.48% 0.1078 67.03) 87.1%, oklch(77.06% 0.1086 71.32) 90.3%, oklch(80.30% 0.1092 74.84) 93.5%, oklch(83.01% 0.1097 77.83) 96.8%, oklch(85.04% 0.1102 80.50) 100.0%);

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

Bảng màu ấm cú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