Tím, xanh dương, nâu vàng và xanh lá (gradient hình nón)

Bảng màu Tím, xanh dương, nâu vàng và xanh lá

Gradient hình nón, 32 màu, góc 0°: #6e646d, #706ccc, #a78685, #b1ac4f, #90cca9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6e646d
#716374
#726282
#6e6392
#6765a2
#6368ae
#646aba
#696bc5
#706ccc
#766ecf
#7873cc
#7979c5
#7e7dbb
#887fb1
#977fa6
#a48194
#a78685
#a58d7e
#a4937c
#a79874
#ac9d67
#b1a258
#b3a64e
#b1ac4f
#b0b055
#aeb45e
#acb869
#a7bd73
#9fc282
#98c792
#92caa0
#90cca9

CSS

background: conic-gradient(from 0deg in oklch, oklch(51.57% 0.0193 329.06) 0.0%, oklch(51.89% 0.0329 320.54) 3.2%, oklch(52.33% 0.0526 307.98) 6.5%, oklch(52.89% 0.0743 294.77) 9.7%, oklch(53.59% 0.0938 284.31) 12.9%, oklch(54.47% 0.1090 279.37) 16.1%, oklch(55.61% 0.1237 278.54) 19.4%, oklch(56.88% 0.1364 280.16) 22.6%, oklch(58.12% 0.1441 282.77) 25.8%, oklch(59.19% 0.1441 284.86) 29.0%, oklch(60.06% 0.1332 284.02) 32.3%, oklch(60.82% 0.1146 282.29) 35.5%, oklch(61.56% 0.0935 283.64) 38.7%, oklch(62.35% 0.0755 292.05) 41.9%, oklch(63.24% 0.0627 312.25) 45.2%, oklch(64.18% 0.0505 344.48) 48.4%, oklch(65.16% 0.0409 21.14) 51.6%, oklch(66.18% 0.0362 54.34) 54.8%, oklch(67.24% 0.0391 76.52) 58.1%, oklch(68.39% 0.0534 88.52) 61.3%, oklch(69.60% 0.0744 94.59) 64.5%, oklch(70.79% 0.0957 97.87) 67.7%, oklch(71.90% 0.1104 101.48) 71.0%, oklch(72.89% 0.1152 106.02) 74.2%, oklch(73.80% 0.1141 109.14) 77.4%, oklch(74.66% 0.1097 112.04) 80.6%, oklch(75.50% 0.1044 115.95) 83.9%, oklch(76.36% 0.1002 122.19) 87.1%, oklch(77.28% 0.0950 131.47) 90.3%, oklch(78.19% 0.0891 141.98) 93.5%, oklch(78.98% 0.0837 151.60) 96.8%, oklch(79.53% 0.0799 158.22) 100.0%);

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

Gradient nhiều màu dịu

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