Xanh dương nhạt sang xanh dương (đơn sắc) (gradient tuyến tính)

Xanh dương nhạt sang xanh dương (đơn sắc): bảng màu gồm 32 màu. #d3efff, #59b1ff, #0c51d6, #0741ac, #50a5fc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 7 keyframe OKLCH chỉnh sửa được.

#d3efff
#c9ebff
#bce6ff
#addfff
#9dd7ff
#8dcfff
#7dc6ff
#6bbcff
#59b1ff
#47a5ff
#3799fe
#2a8dfa
#1e80f6
#1574f0
#0f67ea
#0c5ce1
#0c51d6
#0b47c5
#093eb2
#0837a1
#073395
#073494
#07389c
#0741ac
#084cbf
#0958d1
#0d64de
#1872e7
#2681ee
#3790f4
#459df8
#50a5fc

CSS

background: linear-gradient(135deg in oklch, oklch(93.70% 0.0368 232.01) 0.0%, oklch(92.27% 0.0447 233.23) 3.2%, oklch(90.31% 0.0553 234.91) 6.5%, oklch(87.96% 0.0679 236.91) 9.7%, oklch(85.38% 0.0815 239.06) 12.9%, oklch(82.72% 0.0954 241.19) 16.1%, oklch(79.99% 0.1097 243.33) 19.4%, oklch(77.03% 0.1252 245.64) 22.6%, oklch(73.92% 0.1417 248.01) 25.8%, oklch(70.73% 0.1587 250.34) 29.0%, oklch(67.57% 0.1738 252.50) 32.3%, oklch(64.45% 0.1852 254.47) 35.5%, oklch(61.27% 0.1959 256.39) 38.7%, oklch(58.08% 0.2051 258.20) 41.9%, oklch(54.92% 0.2118 259.80) 45.2%, oklch(51.86% 0.2150 261.11) 48.4%, oklch(48.84% 0.2131 262.03) 51.6%, oklch(45.33% 0.2040 262.59) 54.8%, oklch(41.77% 0.1906 262.86) 58.1%, oklch(38.76% 0.1770 262.91) 61.3%, oklch(36.91% 0.1669 262.80) 64.5%, oklch(36.81% 0.1641 262.60) 67.7%, oklch(38.61% 0.1695 262.29) 71.0%, oklch(41.76% 0.1796 261.83) 74.2%, oklch(45.67% 0.1908 261.19) 77.4%, oklch(49.71% 0.1991 260.36) 80.6%, oklch(53.32% 0.2009 259.31) 83.9%, oklch(57.07% 0.1949 257.79) 87.1%, oklch(61.14% 0.1840 255.90) 90.3%, oklch(65.08% 0.1712 253.95) 93.5%, oklch(68.47% 0.1594 252.24) 96.8%, oklch(70.87% 0.1516 251.05) 100.0%);

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

Gradient xanh dương rực Gradient cho hero section Gradient nền ứng dụng Gradient hình nền máy tính

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