Xanh hải quân, xám và cam (bổ túc) (gradient tuyến tính)

Bảng màu Xanh hải quân, xám và cam (bổ túc)

Gradient tuyến tính, 32 màu, góc 135°: #04435f, #2f77a3, #85b3bf, #c4bd9e, #ff8b5f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#04435f
#064764
#094c6c
#0d5275
#13587f
#196089
#206792
#276f9a
#2f77a3
#3880ab
#4189b3
#4a92b9
#539bbe
#5ca2c0
#69a9c1
#77afc0
#85b3bf
#91b8bd
#9abbbc
#a1beba
#a7c1b5
#afc1ae
#b9c0a6
#c4bd9e
#cfb999
#d9b495
#e2ae8e
#eaa784
#f29e78
#f9966b
#ff8e60
#ff8b5f

CSS

background: linear-gradient(135deg in oklch, oklch(36.22% 0.0744 234.84) 0.0%, oklch(37.58% 0.0772 235.57) 3.2%, oklch(39.42% 0.0814 236.72) 6.5%, oklch(41.62% 0.0863 238.02) 9.7%, oklch(44.05% 0.0911 239.21) 12.9%, oklch(46.59% 0.0951 240.02) 16.1%, oklch(49.11% 0.0976 240.19) 19.4%, oklch(51.66% 0.0984 239.75) 22.6%, oklch(54.44% 0.0984 239.07) 25.8%, oklch(57.34% 0.0976 238.03) 29.0%, oklch(60.25% 0.0958 236.45) 32.3%, oklch(63.04% 0.0929 234.19) 35.5%, oklch(65.60% 0.0888 231.08) 38.7%, oklch(67.87% 0.0830 227.27) 41.9%, oklch(70.02% 0.0740 223.64) 45.2%, oklch(72.04% 0.0633 219.60) 48.4%, oklch(73.88% 0.0522 214.44) 51.6%, oklch(75.50% 0.0424 207.41) 54.8%, oklch(76.87% 0.0354 197.79) 58.1%, oklch(77.95% 0.0323 184.59) 61.3%, oklch(78.73% 0.0318 165.90) 64.5%, oklch(79.25% 0.0334 143.37) 67.7%, oklch(79.55% 0.0369 119.38) 71.0%, oklch(79.66% 0.0426 96.31) 74.2%, oklch(79.63% 0.0503 76.54) 77.4%, oklch(79.49% 0.0601 62.40) 80.6%, oklch(79.08% 0.0745 53.40) 83.9%, oklch(78.41% 0.0929 47.94) 87.1%, oklch(77.60% 0.1131 45.02) 90.3%, oklch(76.78% 0.1328 43.62) 93.5%, oklch(76.07% 0.1496 42.77) 96.8%, oklch(75.59% 0.1525 41.46) 100.0%);

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

Gradient cam và xanh dươ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