Trắng ngà, xám và xanh lá (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #eef0dd, #dbe2c5, #c0d0a9, #a6bf95, #8eb086. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#eef0dd
#edefdb
#ebedd9
#e9ecd6
#e6ead3
#e4e8d0
#e1e6cc
#dee4c8
#dbe2c5
#d8e0c1
#d4ddbd
#d1dbb9
#cdd9b6
#cad6b2
#c6d4af
#c3d2ac
#c0d0a9
#bccea6
#b9cba3
#b5c9a0
#b1c79d
#adc49a
#aac298
#a6bf95
#a2bd93
#9fba90
#9bb88e
#98b68c
#95b48a
#93b388
#90b187
#8eb086

CSS

background: linear-gradient(90deg in oklch, oklch(94.88% 0.0248 111.80) 0.0%, oklch(94.48% 0.0259 112.30) 3.2%, oklch(94.00% 0.0273 112.90) 6.5%, oklch(93.45% 0.0290 113.59) 9.7%, oklch(92.84% 0.0308 114.37) 12.9%, oklch(92.17% 0.0329 115.21) 16.1%, oklch(91.45% 0.0350 116.12) 19.4%, oklch(90.70% 0.0373 117.07) 22.6%, oklch(89.91% 0.0396 118.06) 25.8%, oklch(89.10% 0.0419 119.07) 29.0%, oklch(88.28% 0.0442 120.10) 32.3%, oklch(87.45% 0.0465 121.14) 35.5%, oklch(86.62% 0.0487 122.16) 38.7%, oklch(85.80% 0.0508 123.17) 41.9%, oklch(85.00% 0.0527 124.15) 45.2%, oklch(84.23% 0.0544 125.08) 48.4%, oklch(83.48% 0.0558 125.98) 51.6%, oklch(82.70% 0.0572 126.92) 54.8%, oklch(81.87% 0.0586 127.90) 58.1%, oklch(81.01% 0.0599 128.91) 61.3%, oklch(80.13% 0.0611 129.93) 64.5%, oklch(79.25% 0.0622 130.97) 67.7%, oklch(78.36% 0.0633 132.00) 71.0%, oklch(77.48% 0.0643 133.01) 74.2%, oklch(76.62% 0.0653 134.00) 77.4%, oklch(75.80% 0.0662 134.95) 80.6%, oklch(75.01% 0.0670 135.86) 83.9%, oklch(74.28% 0.0678 136.70) 87.1%, oklch(73.60% 0.0685 137.48) 90.3%, oklch(73.00% 0.0692 138.17) 93.5%, oklch(72.48% 0.0698 138.77) 96.8%, oklch(72.05% 0.0703 139.27) 100.0%);

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

Xanh sage Gradient rừng Sọc màu xanh sage

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