Nâu, tím đậm và xanh dương (bộ ba) (gradient xuyên tâm)

Bảng màu Nâu, tím đậm và xanh dương (bộ ba)

Gradient xuyên tâm, 32 màu: #a4742b, #6f371a, #331d3c, #163b6f, #2c7a9e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a4742b
#a06f27
#9b6722
#955f1b
#8f5516
#884c13
#804414
#783d17
#6f371a
#65321d
#5a2d1f
#512821
#4a2424
#452127
#401e2d
#3a1d34
#331d3c
#2b1f43
#232248
#1d264e
#182a54
#162f5c
#153566
#163b6f
#164279
#144980
#125187
#145b8d
#196493
#206d97
#27749b
#2c7a9e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(59.45% 0.1061 74.53) 0.0%, oklch(57.92% 0.1059 72.48) 3.2%, oklch(55.81% 0.1061 69.80) 6.5%, oklch(53.32% 0.1061 66.56) 9.7%, oklch(50.61% 0.1056 62.85) 12.9%, oklch(47.90% 0.1042 58.74) 16.1%, oklch(45.35% 0.1014 54.31) 19.4%, oklch(42.95% 0.0964 49.97) 22.6%, oklch(40.40% 0.0888 46.04) 25.8%, oklch(37.82% 0.0800 41.90) 29.0%, oklch(35.35% 0.0710 36.89) 32.3%, oklch(33.13% 0.0632 30.38) 35.5%, oklch(31.30% 0.0577 21.69) 38.7%, oklch(29.93% 0.0555 9.83) 41.9%, oklch(28.83% 0.0557 353.73) 45.2%, oklch(28.00% 0.0576 335.03) 48.4%, oklch(27.50% 0.0608 315.59) 51.6%, oklch(27.35% 0.0648 297.28) 54.8%, oklch(27.60% 0.0691 281.95) 58.1%, oklch(28.30% 0.0735 271.30) 61.3%, oklch(29.57% 0.0793 264.68) 64.5%, oklch(31.32% 0.0863 260.86) 67.7%, oklch(33.40% 0.0935 258.82) 71.0%, oklch(35.67% 0.1001 257.53) 74.2%, oklch(37.98% 0.1051 255.96) 77.4%, oklch(40.21% 0.1078 253.13) 80.6%, oklch(42.69% 0.1077 249.42) 83.9%, oklch(45.45% 0.1057 245.47) 87.1%, oklch(48.26% 0.1025 241.56) 90.3%, oklch(50.89% 0.0989 237.95) 93.5%, oklch(53.13% 0.0957 234.90) 96.8%, oklch(54.72% 0.0937 232.69) 100.0%);

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

Giỏ hái nấm

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