Be sang xanh lá (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #f1e9cf, #dad889, #9ac24a, #619740, #3b6b38. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f1e9cf
#f0e7ca
#efe5c3
#ede3bc
#eae1b3
#e7dea9
#e4dc9f
#dfda94
#dad889
#d3d67f
#ccd374
#c5d16b
#bcce62
#b4cc5a
#abc953
#a2c54e
#9ac24a
#92bd47
#89b845
#80b243
#78ac42
#70a542
#689e41
#619740
#5a903f
#548a3e
#4e833d
#497d3c
#45773b
#41723a
#3e6e39
#3b6b38

CSS

background: linear-gradient(90deg in oklch, oklch(93.31% 0.0344 90.70) 0.0%, oklch(92.73% 0.0391 91.96) 3.2%, oklch(92.07% 0.0452 93.53) 6.5%, oklch(91.33% 0.0526 95.36) 9.7%, oklch(90.52% 0.0610 97.42) 12.9%, oklch(89.63% 0.0701 99.67) 16.1%, oklch(88.67% 0.0798 102.06) 19.4%, oklch(87.64% 0.0898 104.57) 22.6%, oklch(86.56% 0.0998 107.13) 25.8%, oklch(85.41% 0.1097 109.73) 29.0%, oklch(84.21% 0.1191 112.32) 32.3%, oklch(82.96% 0.1279 114.85) 35.5%, oklch(81.66% 0.1358 117.29) 38.7%, oklch(80.31% 0.1426 119.60) 41.9%, oklch(78.92% 0.1479 121.73) 45.2%, oklch(77.50% 0.1517 123.65) 48.4%, oklch(76.01% 0.1537 125.35) 51.6%, oklch(74.35% 0.1541 126.96) 54.8%, oklch(72.51% 0.1530 128.51) 58.1%, oklch(70.54% 0.1507 130.00) 61.3%, oklch(68.46% 0.1473 131.43) 64.5%, oklch(66.31% 0.1431 132.79) 67.7%, oklch(64.11% 0.1382 134.09) 71.0%, oklch(61.92% 0.1328 135.32) 74.2%, oklch(59.74% 0.1271 136.48) 77.4%, oklch(57.63% 0.1214 137.56) 80.6%, oklch(55.61% 0.1157 138.58) 83.9%, oklch(53.71% 0.1103 139.52) 87.1%, oklch(51.97% 0.1053 140.38) 90.3%, oklch(50.42% 0.1010 141.16) 93.5%, oklch(49.10% 0.0975 141.86) 96.8%, oklch(48.03% 0.0951 142.48) 100.0%);

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

Phải lòng bắp cải

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