Xanh dương, xanh cổ vịt, vàng mù tạt và nâu (gradient tuyến tính)

Bảng màu Xanh dương, xanh cổ vịt, vàng mù tạt và nâu

Gradient tuyến tính, 32 màu, góc 135°: #617487, #71cfcf, #a5bc4d, #d79c2b, #a34f33. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#617487
#647b8f
#68869b
#6c92a8
#70a1b6
#72afc2
#74bdcb
#73c8d0
#71cfcf
#6ed4c9
#6cd5be
#6ed4ae
#75d19a
#7fcc86
#8cc671
#98c15d
#a5bc4d
#b0b73f
#bbb435
#c4b02e
#cbac2a
#d1a829
#d6a32a
#d79c2b
#d7932c
#d3892d
#cc7d2f
#c37230
#ba6732
#b15d32
#a95533
#a34f33

CSS

background: linear-gradient(135deg in oklch, oklch(55.12% 0.0372 248.20) 0.0%, oklch(57.28% 0.0413 244.31) 3.2%, oklch(60.38% 0.0468 239.29) 6.5%, oklch(64.09% 0.0533 233.32) 9.7%, oklch(68.07% 0.0605 226.59) 12.9%, oklch(71.97% 0.0681 219.25) 16.1%, oklch(75.45% 0.0758 211.51) 19.4%, oklch(78.18% 0.0831 203.52) 22.6%, oklch(79.83% 0.0898 195.43) 25.8%, oklch(80.49% 0.0968 186.57) 29.0%, oklch(80.42% 0.1041 176.88) 32.3%, oklch(79.82% 0.1116 166.70) 35.5%, oklch(78.87% 0.1187 156.35) 38.7%, oklch(77.77% 0.1254 146.15) 41.9%, oklch(76.71% 0.1313 136.45) 45.2%, oklch(75.87% 0.1360 127.55) 48.4%, oklch(75.41% 0.1393 119.71) 51.6%, oklch(75.24% 0.1414 112.65) 54.8%, oklch(75.22% 0.1426 106.18) 58.1%, oklch(75.23% 0.1429 100.17) 61.3%, oklch(75.15% 0.1426 94.51) 64.5%, oklch(74.87% 0.1418 89.07) 67.7%, oklch(74.25% 0.1407 83.73) 71.0%, oklch(73.18% 0.1395 78.37) 74.2%, oklch(71.49% 0.1380 72.83) 77.4%, oklch(69.08% 0.1356 67.10) 80.6%, oklch(66.17% 0.1326 61.34) 83.9%, oklch(63.02% 0.1293 55.76) 87.1%, oklch(59.86% 0.1260 50.54) 90.3%, oklch(56.94% 0.1229 45.87) 93.5%, oklch(54.49% 0.1203 41.95) 96.8%, oklch(52.76% 0.1185 38.97) 100.0%);

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

Gradient bản đồ thời tiết

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