Xanh dương, trắng ngà, xanh dương nhạt và vàng (gradient xuyên tâm)

Bảng màu Xanh dương, trắng ngà, xanh dương nhạt và vàng

Gradient xuyên tâm, 40 màu: #737ea6, #aed9f5, #e4f3cf, #97d9ef, #fde78a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#737ea6
#7884ac
#808db3
#8a99bc
#95a5c5
#a0b1cf
#a9bdd8
#b1c7e1
#b5cee9
#b3d4ef
#aed9f5
#a5ddf9
#99e0fc
#8de4fb
#82e8f7
#7eebf0
#85efe7
#99f2db
#b4f3d0
#cff3cb
#e4f3cf
#f1f4d9
#f7f5e2
#f8f5e7
#f5f4e6
#ecf1df
#dbedd8
#c2e9d9
#a8e2e2
#97d9ef
#93d0f9
#92cafe
#8cccff
#7ad4fd
#6bdff1
#73e9d9
#97eeba
#c2ee9f
#e6ea8f
#fde78a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(59.84% 0.0634 272.81) 0.0%, oklch(61.89% 0.0614 271.20) 2.6%, oklch(64.78% 0.0583 269.30) 5.1%, oklch(68.23% 0.0545 267.05) 7.7%, oklch(71.96% 0.0506 264.40) 10.3%, oklch(75.70% 0.0473 261.29) 12.8%, oklch(79.17% 0.0450 257.64) 15.4%, oklch(82.09% 0.0444 253.41) 17.9%, oklch(84.21% 0.0460 248.54) 20.5%, oklch(85.57% 0.0513 243.13) 23.1%, oklch(86.39% 0.0596 237.23) 25.6%, oklch(86.82% 0.0697 230.81) 28.2%, oklch(87.03% 0.0802 223.83) 30.8%, oklch(87.15% 0.0897 216.26) 33.3%, oklch(87.35% 0.0970 208.06) 35.9%, oklch(87.77% 0.1007 199.20) 38.5%, oklch(88.56% 0.0993 189.31) 41.0%, oklch(89.79% 0.0920 175.78) 43.6%, oklch(91.31% 0.0801 159.49) 46.2%, oklch(92.93% 0.0655 142.23) 48.7%, oklch(94.48% 0.0503 125.76) 51.3%, oklch(95.79% 0.0361 111.85) 53.8%, oklch(96.67% 0.0249 102.27) 56.4%, oklch(96.95% 0.0186 98.79) 59.0%, oklch(96.40% 0.0188 103.77) 61.5%, oklch(94.88% 0.0243 119.17) 64.1%, oklch(92.67% 0.0339 141.97) 66.7%, oklch(90.06% 0.0461 168.75) 69.2%, oklch(87.37% 0.0595 196.08) 71.8%, oklch(84.92% 0.0729 220.55) 74.4%, oklch(83.02% 0.0847 238.74) 76.9%, oklch(81.97% 0.0937 247.22) 79.5%, oklch(81.97% 0.0979 243.58) 82.1%, oklch(82.81% 0.1041 229.90) 84.6%, oklch(84.26% 0.1075 209.02) 87.2%, oklch(86.08% 0.1100 183.79) 89.7%, oklch(88.04% 0.1119 157.06) 92.3%, oklch(89.92% 0.1133 131.68) 94.9%, oklch(91.49% 0.1145 110.49) 97.4%, oklch(92.52% 0.1157 96.34) 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