Vàng, xanh cổ vịt và xanh hải quân (gradient tuyến tính)

Bảng màu Vàng, xanh cổ vịt và xanh hải quân

Gradient tuyến tính, 32 màu, góc 90°: #dedc4b, #96ab63, #597f70, #275d6a, #003f51. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#dedc4b
#d8d84e
#d1d351
#c8cc55
#bfc558
#b5be5b
#abb75e
#a0b061
#96ab63
#8da566
#83a06a
#7a9b6d
#72956f
#6b8f71
#648a71
#5f8471
#597f70
#527a6f
#4a756e
#42706d
#3a6b6d
#33676c
#2c626b
#275d6a
#225967
#1d5464
#185061
#124c5d
#0b485a
#044456
#004253
#003f51

CSS

background: linear-gradient(90deg in oklch, oklch(87.01% 0.1612 108.28) 0.0%, oklch(85.74% 0.1563 109.07) 3.2%, oklch(84.02% 0.1496 109.87) 6.5%, oklch(81.98% 0.1417 110.81) 9.7%, oklch(79.73% 0.1330 112.02) 12.9%, oklch(77.37% 0.1239 113.61) 16.1%, oklch(75.02% 0.1148 115.70) 19.4%, oklch(72.79% 0.1063 118.43) 22.6%, oklch(70.78% 0.0988 121.91) 25.8%, oklch(68.87% 0.0911 126.25) 29.0%, oklch(66.98% 0.0832 131.34) 32.3%, oklch(65.12% 0.0754 137.01) 35.5%, oklch(63.29% 0.0679 143.10) 38.7%, oklch(61.49% 0.0611 149.44) 41.9%, oklch(59.71% 0.0554 155.88) 45.2%, oklch(57.95% 0.0511 162.24) 48.4%, oklch(56.22% 0.0486 168.52) 51.6%, oklch(54.51% 0.0479 175.42) 54.8%, oklch(52.82% 0.0488 182.77) 58.1%, oklch(51.16% 0.0507 190.25) 61.3%, oklch(49.52% 0.0532 197.54) 64.5%, oklch(47.93% 0.0560 204.32) 67.7%, oklch(46.37% 0.0585 210.28) 71.0%, oklch(44.86% 0.0603 215.08) 74.2%, oklch(43.36% 0.0614 218.53) 77.4%, oklch(41.81% 0.0624 220.82) 80.6%, oklch(40.27% 0.0632 222.19) 83.9%, oklch(38.76% 0.0640 222.89) 87.1%, oklch(37.36% 0.0647 223.13) 90.3%, oklch(36.11% 0.0652 223.15) 93.5%, oklch(35.06% 0.0654 223.25) 96.8%, oklch(34.26% 0.0641 223.53) 100.0%);

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

Gradient vàng 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