Xám, xanh dương nhạt và tím (tương đồng) (gradient xuyên tâm)

Bảng màu Xám, xanh dương nhạt và tím (tương đồng)

Gradient xuyên tâm, 32 màu: #eef2ff, #bcbce9, #8e82cb, #6756a9, #42347e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#eef2ff
#e9eefd
#e4e9fb
#dde2f9
#d7dcf6
#d0d4f3
#c9ccf0
#c2c4ed
#bcbce9
#b6b4e5
#b0ace1
#aaa5dd
#a59eda
#9f97d6
#9990d2
#9489ce
#8e82cb
#887bc6
#8374c2
#7d6ebe
#7868b9
#7362b4
#6d5caf
#6756a9
#6251a3
#5c4b9d
#564696
#514290
#4c3d8b
#483a86
#453682
#42347e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(96.06% 0.0179 272.11) 0.0%, oklch(94.91% 0.0214 273.07) 3.2%, oklch(93.45% 0.0258 274.37) 6.5%, oklch(91.71% 0.0311 275.93) 9.7%, oklch(89.77% 0.0370 277.68) 12.9%, oklch(87.67% 0.0434 279.52) 16.1%, oklch(85.46% 0.0501 281.40) 19.4%, oklch(83.20% 0.0568 283.23) 22.6%, oklch(80.94% 0.0634 284.93) 25.8%, oklch(78.74% 0.0696 286.42) 29.0%, oklch(76.65% 0.0754 287.63) 32.3%, oklch(74.67% 0.0807 288.54) 35.5%, oklch(72.67% 0.0861 289.26) 38.7%, oklch(70.65% 0.0917 289.84) 41.9%, oklch(68.62% 0.0972 290.28) 45.2%, oklch(66.59% 0.1026 290.61) 48.4%, oklch(64.57% 0.1078 290.84) 51.6%, oklch(62.56% 0.1126 290.99) 54.8%, oklch(60.58% 0.1169 291.08) 58.1%, oklch(58.64% 0.1207 291.12) 61.3%, oklch(56.74% 0.1238 291.13) 64.5%, oklch(54.90% 0.1260 291.12) 67.7%, oklch(53.00% 0.1274 291.01) 71.0%, oklch(51.05% 0.1279 290.78) 74.2%, oklch(49.08% 0.1278 290.47) 77.4%, oklch(47.14% 0.1272 290.09) 80.6%, oklch(45.26% 0.1262 289.67) 83.9%, oklch(43.49% 0.1250 289.25) 87.1%, oklch(41.86% 0.1237 288.84) 90.3%, oklch(40.40% 0.1226 288.47) 93.5%, oklch(39.17% 0.1217 288.17) 96.8%, oklch(38.19% 0.1213 287.96) 100.0%);

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

Gradient tông lạnh Gradient xuyên 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