Xanh hải quân, tím, xám và xanh lá nhạt (gradient hình nón)

Bảng màu Xanh hải quân, tím, xám và xanh lá nhạt

Gradient hình nón, 32 màu, góc 90°: #000a2a, #39066f, #937685, #c0d78c, #d0ff81. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000a2a
#000935
#020048
#08004e
#110055
#1a005c
#230063
#2d026a
#39066f
#450e74
#521977
#5e2679
#68387c
#71497e
#7b5a80
#866982
#937685
#a28286
#ae8f85
#b69e84
#b8ae87
#b9bd8d
#bbca8f
#c0d78c
#c6e284
#cdeb7a
#d0f374
#cff971
#cefc6d
#cdff69
#ceff76
#d0ff81

CSS

background: conic-gradient(from 90deg in oklch, oklch(16.18% 0.0688 260.74) 0.0%, oklch(17.07% 0.0884 263.26) 3.2%, oklch(18.31% 0.1239 266.47) 6.5%, oklch(19.77% 0.1287 270.80) 9.7%, oklch(21.46% 0.1343 275.56) 12.9%, oklch(23.33% 0.1407 280.44) 16.1%, oklch(25.31% 0.1467 285.49) 19.4%, oklch(27.49% 0.1514 290.91) 22.6%, oklch(29.88% 0.1550 296.60) 25.8%, oklch(32.54% 0.1557 302.35) 29.0%, oklch(35.53% 0.1516 308.00) 32.3%, oklch(38.97% 0.1400 312.68) 35.5%, oklch(42.93% 0.1194 315.15) 38.7%, oklch(47.21% 0.0944 317.46) 41.9%, oklch(51.60% 0.0701 321.86) 45.2%, oklch(55.86% 0.0513 330.60) 48.4%, oklch(59.84% 0.0419 346.32) 51.6%, oklch(63.78% 0.0388 10.99) 54.8%, oklch(67.67% 0.0403 40.55) 58.1%, oklch(71.42% 0.0456 70.26) 61.3%, oklch(74.96% 0.0539 95.40) 64.5%, oklch(78.23% 0.0646 111.51) 67.7%, oklch(81.38% 0.0809 119.54) 71.0%, oklch(84.36% 0.1013 122.37) 74.2%, oklch(87.06% 0.1229 122.28) 77.4%, oklch(89.39% 0.1427 121.54) 80.6%, oklch(91.21% 0.1578 122.37) 83.9%, oklch(92.44% 0.1690 123.83) 87.1%, oklch(93.18% 0.1779 124.81) 90.3%, oklch(93.59% 0.1848 125.46) 93.5%, oklch(93.84% 0.1730 125.91) 96.8%, oklch(94.09% 0.1620 126.30) 100.0%);

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

Gradient nhiều màu xanh lá

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