Nâu, nâu vàng và xanh cổ vịt (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #30281e, #6e5c36, #be9b3a, #edda9a, #476f5f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#30281e
#352c20
#3b3122
#423726
#4a3e29
#53452d
#5c4d31
#655434
#6e5c36
#786337
#826a36
#8d7234
#987a32
#a28230
#ad8a2f
#b69232
#be9b3a
#c9a548
#d5b159
#e0bd6a
#e9c87b
#efd18a
#f1d895
#edda9a
#e1d699
#cccc93
#b2be8b
#96ac81
#7c9a77
#64886d
#527a65
#476f5f

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(28.35% 0.0220 75.23) 0.0%, oklch(29.88% 0.0247 75.94) 3.2%, oklch(31.91% 0.0281 76.92) 6.5%, oklch(34.32% 0.0321 78.09) 9.7%, oklch(37.01% 0.0367 79.36) 12.9%, oklch(39.86% 0.0418 80.66) 16.1%, oklch(42.77% 0.0473 81.90) 19.4%, oklch(45.61% 0.0532 83.00) 22.6%, oklch(48.29% 0.0595 83.89) 25.8%, oklch(50.97% 0.0675 84.59) 29.0%, oklch(53.71% 0.0769 85.16) 32.3%, oklch(56.49% 0.0871 85.65) 35.5%, oklch(59.29% 0.0972 86.10) 38.7%, oklch(62.09% 0.1063 86.54) 41.9%, oklch(64.85% 0.1137 87.03) 45.2%, oklch(67.57% 0.1186 87.59) 48.4%, oklch(70.32% 0.1203 88.14) 51.6%, oklch(73.68% 0.1188 88.00) 54.8%, oklch(77.39% 0.1150 87.46) 58.1%, oklch(81.11% 0.1094 86.91) 61.3%, oklch(84.47% 0.1029 86.78) 64.5%, oklch(87.12% 0.0959 87.48) 67.7%, oklch(88.69% 0.0894 89.43) 71.0%, oklch(88.82% 0.0838 93.04) 74.2%, oklch(87.03% 0.0793 98.99) 77.4%, oklch(83.19% 0.0748 107.65) 80.6%, oklch(77.88% 0.0702 118.17) 83.9%, oklch(71.72% 0.0657 129.65) 87.1%, oklch(65.31% 0.0616 141.19) 90.3%, oklch(59.28% 0.0579 151.89) 93.5%, oklch(54.23% 0.0547 160.85) 96.8%, oklch(50.79% 0.0524 167.17) 100.0%);

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

Viền vàng và vòng hoa nhà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