Xanh cổ vịt, nâu vàng, cam và xanh lá (gradient tuyến tính)

Bảng màu Xanh cổ vịt, nâu vàng, cam và xanh lá

Gradient tuyến tính, 40 màu, góc 45°: #24454f, #e0b384, #e9af57, #e8b43d, #789d95. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#24454f
#274e54
#2f5a5a
#3c685f
#507762
#698665
#859368
#a29e6d
#bca874
#d1af7d
#e0b384
#eab688
#f0b789
#f3b786
#f4b581
#f2b47a
#f0b272
#edb169
#eab062
#e8af5c
#e9af57
#eaaf54
#edb050
#f0b04c
#f2b049
#f4b045
#f4b042
#f3b13f
#efb23d
#e8b43d
#ddb641
#cdb74a
#b9b858
#a5b867
#93b576
#84b183
#7bac8c
#78a691
#77a194
#789d95

CSS

background: linear-gradient(45deg in oklch, oklch(37.01% 0.0427 219.37) 0.0%, oklch(39.79% 0.0450 209.44) 2.6%, oklch(43.62% 0.0478 195.70) 5.1%, oklch(48.24% 0.0512 179.14) 7.7%, oklch(53.38% 0.0551 160.76) 10.3%, oklch(58.75% 0.0592 141.53) 12.8%, oklch(64.08% 0.0635 122.47) 15.4%, oklch(69.11% 0.0680 104.56) 17.9%, oklch(73.56% 0.0724 88.78) 20.5%, oklch(77.16% 0.0768 76.14) 23.1%, oklch(79.65% 0.0810 67.57) 25.6%, oklch(81.18% 0.0853 62.49) 28.2%, oklch(82.00% 0.0899 60.04) 30.8%, oklch(82.24% 0.0946 59.73) 33.3%, oklch(82.03% 0.0994 61.06) 35.9%, oklch(81.52% 0.1042 63.55) 38.5%, oklch(80.84% 0.1088 66.69) 41.0%, oklch(80.14% 0.1132 69.98) 43.6%, oklch(79.53% 0.1173 72.94) 46.2%, oklch(79.18% 0.1210 75.06) 48.7%, oklch(79.16% 0.1243 75.96) 51.3%, oklch(79.31% 0.1281 76.09) 53.8%, oklch(79.53% 0.1321 75.78) 56.4%, oklch(79.80% 0.1362 75.30) 59.0%, oklch(80.06% 0.1399 74.93) 61.5%, oklch(80.26% 0.1430 74.92) 64.1%, oklch(80.37% 0.1451 75.54) 66.7%, oklch(80.34% 0.1460 77.06) 69.2%, oklch(80.13% 0.1454 79.76) 71.8%, oklch(79.68% 0.1429 83.88) 74.4%, oklch(78.93% 0.1379 89.94) 76.9%, oklch(77.83% 0.1300 98.32) 79.5%, oklch(76.47% 0.1197 108.49) 82.1%, oklch(74.91% 0.1079 119.84) 84.6%, oklch(73.26% 0.0951 131.81) 87.2%, oklch(71.60% 0.0822 143.79) 89.7%, oklch(70.01% 0.0698 155.22) 92.3%, oklch(68.58% 0.0586 165.50) 94.9%, oklch(67.39% 0.0494 174.04) 97.4%, oklch(66.54% 0.0427 180.28) 100.0%);

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

Bảng màu phối hươ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