Xanh lá, tím hoa cà và nâu (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #84c87f, #b7c29a, #ba928c, #995c63, #5b3836. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#84c87f
#89c781
#90c785
#97c88a
#9fc890
#a6c795
#adc698
#b3c59a
#b7c29a
#bbbd98
#bfb895
#c2b293
#c3ac91
#c3a690
#c19f8f
#be998e
#ba928c
#b68b88
#b28383
#ae7b7d
#aa7376
#a56a70
#9f6269
#995c63
#92565e
#8a5057
#814b50
#774649
#6e4243
#663e3e
#603b39
#5b3836

CSS

background: linear-gradient(90deg in oklch, oklch(76.77% 0.1226 142.73) 0.0%, oklch(77.08% 0.1169 141.53) 3.2%, oklch(77.58% 0.1088 140.45) 6.5%, oklch(78.18% 0.0992 139.20) 9.7%, oklch(78.79% 0.0888 137.46) 12.9%, oklch(79.31% 0.0784 134.95) 16.1%, oklch(79.65% 0.0688 131.37) 19.4%, oklch(79.72% 0.0609 126.40) 22.6%, oklch(79.42% 0.0553 119.72) 25.8%, oklch(78.82% 0.0514 110.38) 29.0%, oklch(77.99% 0.0486 98.75) 32.3%, oklch(76.95% 0.0468 85.70) 35.5%, oklch(75.73% 0.0459 72.11) 38.7%, oklch(74.36% 0.0458 58.84) 41.9%, oklch(72.87% 0.0464 46.78) 45.2%, oklch(71.29% 0.0475 36.78) 48.4%, oklch(69.62% 0.0493 29.50) 51.6%, oklch(67.73% 0.0530 23.99) 54.8%, oklch(65.66% 0.0581 19.85) 58.1%, oklch(63.47% 0.0640 16.86) 61.3%, oklch(61.20% 0.0699 14.79) 64.5%, oklch(58.90% 0.0752 13.42) 67.7%, oklch(56.64% 0.0792 12.51) 71.0%, oklch(54.46% 0.0812 11.85) 74.2%, oklch(52.32% 0.0807 11.58) 77.4%, oklch(50.02% 0.0779 12.33) 80.6%, oklch(47.65% 0.0735 13.87) 83.9%, oklch(45.31% 0.0682 15.91) 87.1%, oklch(43.10% 0.0625 18.16) 90.3%, oklch(41.11% 0.0571 20.34) 93.5%, oklch(39.44% 0.0526 22.15) 96.8%, oklch(38.19% 0.0496 23.32) 100.0%);

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

Tiệc cưới trong vườn ô liu

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