Xanh dương nhạt, tím, đen và tím oải hương (gradient xuyên tâm)

Bảng màu Xanh dương nhạt, tím, đen và tím oải hương

Gradient xuyên tâm, 32 màu: #9fc8fb, #5069dc, #264399, #001c2d, #ddb4fc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#9fc8fb
#97bffe
#91b1ff
#8f9eff
#9089ff
#9074fc
#8866f4
#7463eb
#5069dc
#1f6fc3
#0071a0
#006e88
#126978
#086374
#005c79
#005387
#264399
#432e9c
#511996
#4e0d8d
#391280
#1b196b
#001f46
#001c2d
#001c27
#05222c
#183340
#334e65
#596c94
#898ac2
#b9a3e7
#ddb4fc

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(82.28% 0.0841 253.83) 0.0%, oklch(79.98% 0.0993 258.82) 3.2%, oklch(76.73% 0.1180 266.74) 6.5%, oklch(72.91% 0.1410 275.73) 9.7%, oklch(68.88% 0.1700 283.90) 12.9%, oklch(64.99% 0.1944 289.38) 16.1%, oklch(61.61% 0.2037 290.29) 19.4%, oklch(58.85% 0.1980 284.15) 22.6%, oklch(56.37% 0.1782 270.73) 25.8%, oklch(54.09% 0.1503 253.44) 29.0%, oklch(51.98% 0.1115 235.78) 32.3%, oklch(49.97% 0.0918 221.20) 35.5%, oklch(48.02% 0.0792 213.19) 38.7%, oklch(46.13% 0.0794 215.22) 41.9%, oklch(44.45% 0.0862 227.40) 45.2%, oklch(42.91% 0.1097 245.72) 48.4%, oklch(41.40% 0.1454 266.07) 51.6%, oklch(39.84% 0.1690 284.42) 54.8%, oklch(38.14% 0.1832 296.61) 58.1%, oklch(36.06% 0.1820 298.64) 61.3%, oklch(32.61% 0.1649 289.89) 64.5%, oklch(28.39% 0.1372 274.17) 67.7%, oklch(24.42% 0.0827 255.79) 71.0%, oklch(21.65% 0.0484 238.55) 74.2%, oklch(21.07% 0.0405 226.51) 77.4%, oklch(23.68% 0.0390 223.56) 80.6%, oklch(30.72% 0.0407 231.02) 83.9%, oklch(41.16% 0.0510 245.43) 87.1%, oklch(53.31% 0.0663 263.66) 90.3%, oklch(65.48% 0.0832 282.56) 93.5%, oklch(75.96% 0.0981 299.00) 96.8%, oklch(83.07% 0.1075 309.84) 100.0%);

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

Gradient xanh dương và tí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