Nâu vàng, xanh lá và xanh hải quân (ba tông) (gradient xuyên tâm)

Bảng màu Nâu vàng, xanh lá và xanh hải quân (ba tông)

Gradient xuyên tâm, 32 màu: #f4dd99, #b9ba68, #588b48, #225d46, #263055. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f4dd99
#f1da95
#ecd78f
#e5d389
#dece81
#d6c97a
#cec473
#c4bf6d
#b9ba68
#adb562
#a1af5e
#94aa5a
#87a457
#7b9e53
#70984f
#64914b
#588b48
#4c8445
#407e44
#357844
#2d7145
#286a45
#256446
#225d46
#1e5747
#185249
#0e4d4c
#074750
#0c4154
#173a57
#203456
#263055

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.0896 91.41) 0.0%, oklch(89.22% 0.0911 92.48) 3.2%, oklch(87.96% 0.0933 93.85) 6.5%, oklch(86.46% 0.0958 95.52) 9.7%, oklch(84.77% 0.0985 97.50) 12.9%, oklch(82.95% 0.1010 99.81) 16.1%, oklch(81.08% 0.1030 102.46) 19.4%, oklch(79.15% 0.1045 105.58) 22.6%, oklch(77.05% 0.1058 109.29) 25.8%, oklch(74.82% 0.1068 113.38) 29.0%, oklch(72.52% 0.1076 117.65) 32.3%, oklch(70.18% 0.1082 121.88) 35.5%, oklch(67.85% 0.1087 125.86) 38.7%, oklch(65.54% 0.1092 129.40) 41.9%, oklch(63.17% 0.1101 132.56) 45.2%, oklch(60.76% 0.1110 135.51) 48.4%, oklch(58.34% 0.1115 138.46) 51.6%, oklch(55.97% 0.1111 141.59) 54.8%, oklch(53.68% 0.1094 145.07) 58.1%, oklch(51.50% 0.1057 148.97) 61.3%, oklch(49.37% 0.0992 152.39) 64.5%, oklch(47.29% 0.0907 155.65) 67.7%, oklch(45.27% 0.0815 159.40) 71.0%, oklch(43.34% 0.0728 164.29) 74.2%, oklch(41.52% 0.0657 170.98) 77.4%, oklch(39.83% 0.0614 180.16) 80.6%, oklch(38.18% 0.0599 193.54) 83.9%, oklch(36.60% 0.0604 210.23) 87.1%, oklch(35.12% 0.0621 228.28) 90.3%, oklch(33.81% 0.0644 245.74) 93.5%, oklch(32.71% 0.0664 260.65) 96.8%, oklch(31.89% 0.0675 271.05) 100.0%);

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

Tiệc lá chuố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