Xanh lá, xám, xanh cổ vịt và xám đậm (gradient xuyên tâm)

Bảng màu Xanh lá, xám, xanh cổ vịt và xám đậm

Gradient xuyên tâm, 32 màu: #1d7147, #d2c5a2, #e6ddd7, #42a8af, #2d3039. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1d7147
#36784a
#50814f
#6b8d58
#859964
#9ea673
#b4b284
#c6bd94
#d2c5a2
#dcccaf
#e4d2bd
#e8d8c9
#eaddd3
#ebe0da
#eae2dd
#e8e1dc
#e6ddd7
#e2d7ca
#d8d1b8
#c5cba7
#a7c69e
#81bfa1
#5cb5a9
#42a8af
#3a98ad
#3c86a4
#407393
#40617f
#3d5069
#384355
#323845
#2d3039

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(48.82% 0.1033 156.80) 0.0%, oklch(51.64% 0.0991 151.33) 3.2%, oklch(55.60% 0.0932 143.81) 6.5%, oklch(60.32% 0.0863 134.84) 9.7%, oklch(65.44% 0.0787 125.03) 12.9%, oklch(70.59% 0.0708 115.00) 16.1%, oklch(75.39% 0.0630 105.36) 19.4%, oklch(79.50% 0.0558 96.73) 22.6%, oklch(82.56% 0.0494 89.58) 25.8%, oklch(85.08% 0.0425 81.78) 29.0%, oklch(87.28% 0.0348 73.12) 32.3%, oklch(89.09% 0.0271 64.62) 35.5%, oklch(90.47% 0.0200 57.29) 38.7%, oklch(91.35% 0.0144 52.13) 41.9%, oklch(91.66% 0.0109 50.15) 45.2%, oklch(91.35% 0.0101 52.36) 48.4%, oklch(90.34% 0.0132 59.94) 51.6%, oklch(88.49% 0.0217 73.95) 54.8%, oklch(85.94% 0.0343 92.93) 58.1%, oklch(82.81% 0.0490 115.16) 61.3%, oklch(79.26% 0.0641 138.89) 64.5%, oklch(75.43% 0.0777 162.38) 67.7%, oklch(71.46% 0.0881 183.91) 71.0%, oklch(67.51% 0.0934 201.73) 74.2%, oklch(63.39% 0.0922 215.43) 77.4%, oklch(58.58% 0.0856 227.40) 80.6%, oklch(53.34% 0.0750 237.90) 83.9%, oklch(47.96% 0.0620 247.02) 87.1%, oklch(42.75% 0.0481 254.89) 90.3%, oklch(38.00% 0.0349 261.59) 93.5%, oklch(34.02% 0.0239 267.26) 96.8%, oklch(31.10% 0.0165 271.98) 100.0%);

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

Brooched

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