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

Bảng màu Trắng ngà, be, xám và xanh ô liu

Gradient tuyến tính, 32 màu, góc 90°: #eff2de, #d6daae, #adb47e, #828a57, #525a2f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#eff2de
#edf0da
#ebeed5
#e8ebd0
#e5e8ca
#e2e5c3
#dee2bc
#dadeb5
#d6daae
#d1d6a7
#cdd2a1
#c8ce9b
#c3c995
#bec48f
#b8bf8a
#b3ba84
#adb47e
#a7af79
#a1a973
#9ba46e
#959e68
#8f9863
#89915d
#828a57
#7b8351
#737c4b
#6c7545
#666e3f
#60673a
#5a6236
#565d32
#525a2f

CSS

background: linear-gradient(90deg in oklch, oklch(95.28% 0.0262 111.80) 0.0%, oklch(94.67% 0.0286 111.85) 3.2%, oklch(93.94% 0.0319 111.90) 6.5%, oklch(93.08% 0.0358 111.96) 9.7%, oklch(92.12% 0.0402 112.03) 12.9%, oklch(91.06% 0.0449 112.11) 16.1%, oklch(89.91% 0.0496 112.21) 19.4%, oklch(88.69% 0.0542 112.32) 22.6%, oklch(87.41% 0.0585 112.45) 25.8%, oklch(86.08% 0.0622 112.61) 29.0%, oklch(84.71% 0.0653 112.79) 32.3%, oklch(83.31% 0.0676 113.00) 35.5%, oklch(81.82% 0.0695 113.27) 38.7%, oklch(80.25% 0.0710 113.57) 41.9%, oklch(78.62% 0.0722 113.91) 45.2%, oklch(76.93% 0.0731 114.26) 48.4%, oklch(75.18% 0.0738 114.62) 51.6%, oklch(73.38% 0.0742 114.97) 54.8%, oklch(71.55% 0.0744 115.30) 58.1%, oklch(69.69% 0.0745 115.61) 61.3%, oklch(67.80% 0.0745 115.87) 64.5%, oklch(65.89% 0.0743 116.09) 67.7%, oklch(63.78% 0.0739 116.27) 71.0%, oklch(61.48% 0.0730 116.43) 74.2%, oklch(59.08% 0.0719 116.56) 77.4%, oklch(56.63% 0.0706 116.67) 80.6%, oklch(54.20% 0.0692 116.77) 83.9%, oklch(51.87% 0.0677 116.85) 87.1%, oklch(49.70% 0.0664 116.91) 90.3%, oklch(47.77% 0.0651 116.97) 93.5%, oklch(46.14% 0.0641 117.03) 96.8%, oklch(44.88% 0.0634 117.08) 100.0%);

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

Gradient mật độ dân số

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