Xám, xanh lá và tím (bổ túc) (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #575775, #6c9b74, #a1d69f, #cab7bd, #c267e0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#575775
#525d76
#4f6474
#526b70
#5a716f
#5f7971
#638473
#668f74
#6c9b74
#74a574
#7dae75
#86b878
#8ec17d
#96c982
#9cce89
#9dd395
#a1d69f
#aad6a4
#bad3a2
#cdcba3
#d4c4af
#cec0bb
#c8bdbe
#cab7bd
#cfacc0
#d1a0c8
#d094d3
#cb8bdb
#c782e0
#c478e1
#c36ee0
#c267e0

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(46.85% 0.0482 284.77) 0.0%, oklch(47.85% 0.0437 267.05) 3.2%, oklch(49.24% 0.0365 241.25) 6.5%, oklch(50.96% 0.0301 213.26) 9.7%, oklch(52.99% 0.0278 188.99) 12.9%, oklch(55.33% 0.0329 173.06) 16.1%, oklch(58.16% 0.0452 162.34) 19.4%, oklch(61.26% 0.0610 154.95) 22.6%, oklch(64.40% 0.0766 149.48) 25.8%, oklch(67.33% 0.0881 144.58) 29.0%, oklch(70.24% 0.0967 140.98) 32.3%, oklch(73.15% 0.1039 139.03) 35.5%, oklch(75.86% 0.1087 137.99) 38.7%, oklch(78.18% 0.1104 137.13) 41.9%, oklch(79.99% 0.1083 137.45) 45.2%, oklch(81.43% 0.1024 141.12) 48.4%, oklch(82.51% 0.0939 144.07) 51.6%, oklch(83.20% 0.0836 141.87) 54.8%, oklch(83.51% 0.0722 130.02) 58.1%, oklch(83.34% 0.0543 105.48) 61.3%, oklch(82.77% 0.0336 73.47) 64.5%, oklch(81.91% 0.0171 40.72) 67.7%, oklch(80.87% 0.0118 14.00) 71.0%, oklch(79.61% 0.0234 356.11) 74.2%, oklch(78.04% 0.0485 342.69) 77.4%, oklch(76.31% 0.0795 332.66) 80.6%, oklch(74.57% 0.1092 325.05) 83.9%, oklch(72.91% 0.1312 319.18) 87.1%, oklch(71.09% 0.1504 316.52) 90.3%, oklch(69.25% 0.1674 316.25) 93.5%, oklch(67.66% 0.1815 316.94) 96.8%, oklch(66.54% 0.1915 317.17) 100.0%);

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

Tử đằng trên tường bóng râ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