Be, nâu và nâu vàng (đơn sắc) (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #f7e8b0, #cba73f, #865d1c, #33210e, #ca9d38. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f7e8b0
#f4e3a7
#f0dd99
#ebd589
#e5cc77
#e0c365
#d9ba55
#d3b149
#cba73f
#c39d37
#ba9331
#b1892c
#a97f27
#a07623
#976d20
#8f651e
#865d1c
#7d551b
#744d1a
#694618
#5c3c16
#4c3113
#3d2810
#33210e
#2e1e0d
#32210f
#422d14
#5b401c
#7a5924
#9b742c
#b78c33
#ca9d38

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.91% 0.0730 94.92) 0.0%, oklch(91.52% 0.0792 94.67) 3.2%, oklch(89.64% 0.0884 94.39) 6.5%, oklch(87.40% 0.0990 94.04) 9.7%, oklch(84.90% 0.1096 93.55) 12.9%, oklch(82.28% 0.1186 92.88) 16.1%, oklch(79.65% 0.1247 91.97) 19.4%, oklch(77.00% 0.1270 90.76) 22.6%, oklch(74.17% 0.1268 89.26) 25.8%, oklch(71.21% 0.1247 87.54) 29.0%, oklch(68.18% 0.1213 85.69) 32.3%, oklch(65.15% 0.1172 83.79) 35.5%, oklch(62.18% 0.1131 81.91) 38.7%, oklch(59.32% 0.1093 80.06) 41.9%, oklch(56.51% 0.1049 78.02) 45.2%, oklch(53.72% 0.1001 75.90) 48.4%, oklch(50.95% 0.0948 73.82) 51.6%, oklch(48.18% 0.0892 71.91) 54.8%, oklch(45.39% 0.0834 70.31) 58.1%, oklch(42.44% 0.0773 69.12) 61.3%, oklch(38.47% 0.0687 68.06) 64.5%, oklch(33.94% 0.0587 67.18) 67.7%, oklch(29.68% 0.0490 66.58) 71.0%, oklch(26.48% 0.0414 66.38) 74.2%, oklch(25.15% 0.0376 66.72) 77.4%, oklch(26.53% 0.0395 67.71) 80.6%, oklch(31.58% 0.0488 69.78) 83.9%, oklch(39.49% 0.0639 72.73) 87.1%, oklch(48.87% 0.0820 76.11) 90.3%, oklch(58.35% 0.1003 79.48) 93.5%, oklch(66.54% 0.1161 82.38) 96.8%, oklch(72.05% 0.1268 84.35) 100.0%);

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

Gradient vàng kim

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