Tím đậm, hồng, xám và xanh dương (gradient hình nón)

Bảng màu Tím đậm, hồng, xám và xanh dương

Gradient hình nón, 32 màu, góc 315°: #4c253f, #de4d9f, #cbc3f6, #8da5bd, #32b4c5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4c253f
#5a2749
#6e2856
#862a65
#9c2b73
#ae307f
#c13989
#d24494
#de4d9f
#e154ac
#d653b9
#bf50c4
#a650cc
#965ad3
#9873dd
#ad99ea
#cbc3f6
#e6e4fc
#f0f1f9
#e9eaed
#d7d8dc
#bdc4cc
#a4b2c1
#8da5bd
#7495bd
#6284c0
#5778c4
#4a77c7
#3684cb
#1f98cc
#21a9c8
#32b4c5

CSS

background: conic-gradient(from 315deg in oklch, oklch(32.68% 0.0703 341.02) 0.0%, oklch(35.53% 0.0879 341.96) 3.2%, oklch(39.61% 0.1137 343.34) 6.5%, oklch(44.23% 0.1415 344.80) 9.7%, oklch(48.70% 0.1650 345.97) 12.9%, oklch(52.64% 0.1796 346.88) 16.1%, oklch(56.88% 0.1886 348.49) 19.4%, oklch(60.93% 0.1938 349.71) 22.6%, oklch(64.15% 0.1963 349.17) 25.8%, oklch(65.86% 0.1971 345.52) 29.0%, oklch(64.70% 0.1984 337.29) 32.3%, oklch(61.74% 0.1985 325.96) 35.5%, oklch(59.14% 0.1940 314.04) 38.7%, oklch(59.09% 0.1818 304.06) 41.9%, oklch(63.87% 0.1565 297.98) 45.2%, oklch(73.26% 0.1162 294.72) 48.4%, oklch(83.98% 0.0714 292.50) 51.6%, oklch(92.63% 0.0328 289.57) 54.8%, oklch(95.93% 0.0109 284.13) 58.1%, oklch(93.76% 0.0033 275.03) 61.3%, oklch(88.33% 0.0052 264.30) 64.5%, oklch(81.68% 0.0136 254.56) 67.7%, oklch(75.84% 0.0257 248.45) 71.0%, oklch(71.12% 0.0437 248.78) 74.2%, oklch(65.98% 0.0708 254.53) 77.4%, oklch(61.36% 0.0997 261.37) 80.6%, oklch(58.22% 0.1230 264.95) 83.9%, oklch(57.60% 0.1337 261.05) 87.1%, oklch(59.97% 0.1327 249.15) 90.3%, oklch(63.99% 0.1251 233.37) 93.5%, oklch(68.14% 0.1160 218.14) 96.8%, oklch(70.87% 0.1102 207.86) 100.0%);

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

Gradient hologram

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