Xanh hải quân, xanh lá và nâu (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 25°: #181d2d, #445d86, #7bbdc4, #e2d78e, #c47a55. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#181d2d
#1b2133
#20273c
#262e47
#2c3653
#333f60
#39496e
#3f537b
#445d86
#4a6891
#50759c
#5882a6
#608faf
#679cb7
#6fa8bd
#75b3c2
#7bbdc4
#81c7c3
#8cd0be
#9bd8b6
#aedcab
#c3dda0
#d5db96
#e2d78e
#eacf87
#ebc47f
#e8b676
#e1a86d
#d99965
#d08c5d
#c98158
#c47a55

CSS

background: linear-gradient(25deg in oklch, oklch(23.23% 0.0317 270.70) 0.0%, oklch(25.09% 0.0353 270.25) 3.2%, oklch(27.55% 0.0406 269.97) 6.5%, oklch(30.47% 0.0468 269.65) 9.7%, oklch(33.74% 0.0536 269.09) 12.9%, oklch(37.22% 0.0601 268.07) 16.1%, oklch(40.78% 0.0661 266.39) 19.4%, oklch(44.31% 0.0707 263.82) 22.6%, oklch(47.69% 0.0735 260.19) 25.8%, oklch(51.24% 0.0745 255.90) 29.0%, oklch(55.01% 0.0739 251.05) 32.3%, oklch(58.89% 0.0724 245.54) 35.5%, oklch(62.76% 0.0705 239.25) 38.7%, oklch(66.49% 0.0686 232.06) 41.9%, oklch(69.96% 0.0673 223.86) 45.2%, oklch(73.05% 0.0671 214.53) 48.4%, oklch(75.71% 0.0683 203.77) 51.6%, oklch(78.31% 0.0708 190.60) 54.8%, oklch(80.80% 0.0741 175.58) 58.1%, oklch(83.05% 0.0780 159.49) 61.3%, oklch(84.94% 0.0821 143.11) 64.5%, oklch(86.33% 0.0862 127.24) 67.7%, oklch(87.10% 0.0899 112.64) 71.0%, oklch(87.13% 0.0930 100.11) 74.2%, oklch(86.15% 0.0955 89.85) 77.4%, oklch(83.94% 0.0977 80.79) 80.6%, oklch(80.85% 0.0996 72.81) 83.9%, oklch(77.24% 0.1013 65.84) 87.1%, oklch(73.48% 0.1028 59.80) 90.3%, oklch(69.94% 0.1041 54.64) 93.5%, oklch(66.98% 0.1052 50.29) 96.8%, oklch(64.96% 0.1061 46.67) 100.0%);

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

Màu liminal

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