Xanh lơ sang xanh dương (tương đồng) tông rực rỡ (gradient hình nón)

Bảng màu Xanh lơ sang xanh dương (tương đồng) tông rực rỡ

Gradient hình nón, 32 màu, góc 225°: #2bd7ff, #5afffc, #41edff, #3751fc, #2d07fe. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2bd7ff
#30ddff
#38e7ff
#3ff1ff
#42faff
#5bfffd
#72fffa
#6ffffa
#5afffc
#30ffff
#30fdff
#34fcff
#3efdff
#48feff
#4ffdff
#4ef8ff
#41edff
#2bdbff
#13c3ff
#17a8ff
#2c8dff
#3a77fc
#3b64fb
#3751fc
#323eff
#2e2bff
#2e12ff
#2f00fc
#2f00fb
#2e00fc
#2e00ff
#2d07fe

CSS

background: conic-gradient(from 225deg in oklch, oklch(81.50% 0.1398 218.67) 0.0%, oklch(83.01% 0.1383 214.92) 3.2%, oklch(85.26% 0.1370 209.38) 6.5%, oklch(87.75% 0.1376 203.22) 9.7%, oklch(90.02% 0.1408 197.60) 12.9%, oklch(91.57% 0.1339 193.72) 16.1%, oklch(92.15% 0.1223 192.19) 19.4%, oklch(92.04% 0.1242 192.25) 22.6%, oklch(91.53% 0.1344 193.32) 25.8%, oklch(90.85% 0.1485 194.81) 29.0%, oklch(90.28% 0.1473 196.15) 32.3%, oklch(90.14% 0.1457 196.66) 35.5%, oklch(90.54% 0.1436 196.12) 38.7%, oklch(90.97% 0.1407 195.60) 41.9%, oklch(90.88% 0.1375 196.22) 45.2%, oklch(89.73% 0.1352 199.11) 48.4%, oklch(86.93% 0.1356 205.57) 51.6%, oklch(82.29% 0.1395 216.52) 54.8%, oklch(76.51% 0.1499 229.98) 58.1%, oklch(70.43% 0.1676 243.70) 61.3%, oklch(64.85% 0.1906 255.40) 64.5%, oklch(60.50% 0.2082 262.94) 67.7%, oklch(56.84% 0.2287 266.94) 71.0%, oklch(53.63% 0.2518 268.68) 74.2%, oklch(50.90% 0.2744 269.08) 77.4%, oklch(48.68% 0.2898 269.07) 80.6%, oklch(47.01% 0.3011 269.52) 83.9%, oklch(46.13% 0.3024 269.97) 87.1%, oklch(45.91% 0.3009 269.99) 90.3%, oklch(46.08% 0.3026 269.78) 93.5%, oklch(46.35% 0.3049 269.52) 96.8%, oklch(46.46% 0.3031 269.40) 100.0%);

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

Gradient xanh dương rực

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