Xám, tím, hồng và xanh cổ vịt (gradient hình nón)

Gradient hình nón, 32 màu, góc 45°: #c7c7c7, #ad789a, #a54cb3, #9c786a, #5eb18e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c7c7c7
#c3c3ca
#c0bccc
#c2b3cb
#c6a7c4
#c99bb7
#c88fab
#bf84a1
#ad789a
#976c93
#81628b
#6f5a84
#645482
#655187
#715095
#884fa7
#a54cb3
#c447b5
#dd44ab
#e94696
#e5527d
#d3626a
#b86f63
#9c786a
#867d76
#7f7f7f
#828282
#88887e
#899279
#809e7a
#70a983
#5eb18e

CSS

background: conic-gradient(from 45deg in oklch, oklch(83.07% 0.0000 89.88) 0.0%, oklch(81.91% 0.0091 283.42) 3.2%, oklch(80.43% 0.0223 297.26) 6.5%, oklch(78.62% 0.0377 313.22) 9.7%, oklch(76.51% 0.0533 328.79) 12.9%, oklch(74.11% 0.0671 341.44) 16.1%, oklch(71.43% 0.0772 348.67) 19.4%, oklch(68.12% 0.0814 348.21) 22.6%, oklch(63.73% 0.0802 340.94) 25.8%, oklch(58.88% 0.0762 329.67) 29.0%, oklch(54.22% 0.0722 317.23) 32.3%, oklch(50.38% 0.0709 306.46) 35.5%, oklch(48.02% 0.0748 300.19) 38.7%, oklch(47.78% 0.0878 300.41) 41.9%, oklch(49.70% 0.1127 304.86) 45.2%, oklch(53.02% 0.1440 312.35) 48.4%, oklch(56.98% 0.1756 321.97) 51.6%, oklch(60.77% 0.2013 332.78) 54.8%, oklch(63.63% 0.2151 343.89) 58.1%, oklch(64.83% 0.2104 354.54) 61.3%, oklch(64.60% 0.1841 5.75) 64.5%, oklch(63.48% 0.1430 17.75) 67.7%, oklch(61.95% 0.0956 30.43) 71.0%, oklch(60.47% 0.0501 43.67) 74.2%, oklch(59.52% 0.0150 57.34) 77.4%, oklch(59.55% 0.0000 89.88) 80.6%, oklch(60.62% 0.0005 87.44) 83.9%, oklch(62.36% 0.0151 105.21) 87.1%, oklch(64.46% 0.0372 123.25) 90.3%, oklch(66.60% 0.0615 140.13) 93.5%, oklch(68.45% 0.0830 154.42) 96.8%, oklch(69.69% 0.0965 164.67) 100.0%);

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

Gradient nhiều mà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