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

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

Gradient tuyến tính, 32 màu, góc 180°: #132e3a, #3d7380, #916854, #a5433b, #c4b38d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#132e3a
#173440
#1d3b4a
#244455
#2c4e61
#33586d
#396277
#3d6c7f
#3d7380
#3f797b
#487c70
#587c62
#6b7956
#7a754f
#85704f
#8c6b52
#916854
#956254
#975c51
#9a544d
#9c4c48
#9e4643
#a1423e
#a5433b
#aa4a3c
#af573e
#b56743
#b97a4e
#bd8c5e
#bf9d70
#c2aa81
#c4b38d

CSS

background: linear-gradient(180deg in oklch, oklch(28.74% 0.0400 228.52) 0.0%, oklch(30.74% 0.0418 228.90) 3.2%, oklch(33.57% 0.0444 230.63) 6.5%, oklch(36.95% 0.0475 232.76) 9.7%, oklch(40.59% 0.0509 234.33) 12.9%, oklch(44.24% 0.0542 234.39) 16.1%, oklch(47.60% 0.0571 232.00) 19.4%, oklch(50.40% 0.0595 226.18) 22.6%, oklch(52.38% 0.0609 215.93) 25.8%, oklch(53.74% 0.0607 199.45) 29.0%, oklch(54.66% 0.0593 177.78) 32.3%, oklch(55.23% 0.0573 152.83) 35.5%, oklch(55.52% 0.0553 126.56) 38.7%, oklch(55.62% 0.0540 100.89) 41.9%, oklch(55.59% 0.0540 77.75) 45.2%, oklch(55.53% 0.0560 59.09) 48.4%, oklch(55.41% 0.0607 46.28) 51.6%, oklch(54.77% 0.0695 37.09) 54.8%, oklch(53.75% 0.0811 30.70) 58.1%, oklch(52.59% 0.0940 26.71) 61.3%, oklch(51.52% 0.1069 24.74) 64.5%, oklch(50.78% 0.1183 24.42) 67.7%, oklch(50.62% 0.1267 25.36) 71.0%, oklch(51.26% 0.1308 27.18) 74.2%, oklch(52.99% 0.1291 30.41) 77.4%, oklch(55.86% 0.1224 36.61) 80.6%, oklch(59.51% 0.1119 44.97) 83.9%, oklch(63.60% 0.0992 54.56) 87.1%, oklch(67.76% 0.0858 64.47) 90.3%, oklch(71.65% 0.0730 73.78) 93.5%, oklch(74.90% 0.0623 81.57) 96.8%, oklch(77.17% 0.0551 86.91) 100.0%);

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

Miền hoang huyền bí

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