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

Bảng màu Xanh hải quân, tím đậm, đỏ nâu và nâu vàng

Gradient tuyến tính, 32 màu, góc 90°: #193e70, #422345, #8e3b21, #ba6f1e, #a9a53a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#193e70
#1c3b6c
#1e3665
#21315e
#242d58
#282953
#302650
#39244b
#422345
#4a233f
#532539
#5b2735
#652932
#702c2e
#7b302a
#853526
#8e3b21
#96411e
#9f481d
#a7501d
#ae571d
#b35f1c
#b7671c
#ba6f1e
#bc7721
#bd7f24
#bd8626
#bc8d28
#b8952a
#b39b2f
#ada135
#a9a53a

CSS

background: linear-gradient(90deg in oklch, oklch(36.61% 0.0951 256.64) 0.0%, oklch(35.64% 0.0921 259.19) 3.2%, oklch(34.18% 0.0876 262.28) 6.5%, oklch(32.58% 0.0827 266.49) 9.7%, oklch(31.20% 0.0781 272.34) 12.9%, oklch(30.37% 0.0748 280.41) 16.1%, oklch(30.25% 0.0728 291.82) 19.4%, oklch(30.54% 0.0711 306.84) 22.6%, oklch(31.20% 0.0704 323.55) 25.8%, oklch(32.17% 0.0709 339.98) 29.0%, oklch(33.40% 0.0732 354.19) 32.3%, oklch(34.91% 0.0780 4.92) 35.5%, oklch(36.83% 0.0860 13.62) 38.7%, oklch(39.05% 0.0957 20.83) 41.9%, oklch(41.40% 0.1055 26.97) 45.2%, oklch(43.75% 0.1139 32.45) 48.4%, oklch(46.01% 0.1198 37.48) 51.6%, oklch(48.34% 0.1242 41.26) 54.8%, oklch(50.71% 0.1276 44.17) 58.1%, oklch(53.06% 0.1300 46.77) 61.3%, oklch(55.30% 0.1316 49.64) 64.5%, oklch(57.36% 0.1324 53.29) 67.7%, oklch(59.33% 0.1319 57.32) 71.0%, oklch(61.21% 0.1302 61.58) 74.2%, oklch(62.97% 0.1281 66.10) 77.4%, oklch(64.56% 0.1263 70.93) 80.6%, oklch(65.97% 0.1253 76.14) 83.9%, oklch(67.20% 0.1252 82.44) 87.1%, oklch(68.28% 0.1255 89.55) 90.3%, oklch(69.19% 0.1260 96.58) 93.5%, oklch(69.92% 0.1265 102.67) 96.8%, oklch(70.47% 0.1268 106.93) 100.0%);

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

Chân trời chạng vạng điểm phân

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