Xanh dương nhạt, xanh dương, xanh cổ vịt và vàng (gradient tuyến tính)

Bảng màu Xanh dương nhạt, xanh dương, xanh cổ vịt và vàng

Gradient tuyến tính, 32 màu, góc 135°: #b4d3fa, #407ad6, #0a3c8d, #4db38a, #f0e83c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b4d3fa
#aaccf7
#9cc3f4
#8bb7f0
#7baaeb
#6b9ee6
#5d93e1
#4e87dc
#407ad6
#346ed0
#2a62c8
#2357be
#224bb2
#213fa4
#1f3798
#193690
#0a3c8d
#004b89
#005c8b
#0b6e8f
#278092
#349095
#3aa294
#4db38a
#71c274
#9bcc58
#bdd13f
#d3d630
#e0db2e
#e7e033
#ebe539
#f0e83c

CSS

background: linear-gradient(135deg in oklch, oklch(85.83% 0.0634 253.83) 0.0%, oklch(83.63% 0.0711 254.23) 3.2%, oklch(80.56% 0.0820 254.78) 6.5%, oklch(76.94% 0.0946 255.43) 9.7%, oklch(73.13% 0.1076 256.15) 12.9%, oklch(69.47% 0.1195 256.88) 16.1%, oklch(65.99% 0.1305 257.64) 19.4%, oklch(62.37% 0.1424 258.51) 22.6%, oklch(58.71% 0.1538 259.40) 25.8%, oklch(55.15% 0.1634 260.26) 29.0%, oklch(51.82% 0.1697 261.01) 32.3%, oklch(48.58% 0.1718 262.04) 35.5%, oklch(44.90% 0.1706 264.19) 38.7%, oklch(41.36% 0.1666 266.33) 41.9%, oklch(38.61% 0.1605 267.19) 45.2%, oklch(37.31% 0.1529 265.52) 48.4%, oklch(38.08% 0.1436 260.21) 51.6%, oklch(41.00% 0.1218 251.77) 54.8%, oklch(45.36% 0.1055 240.86) 58.1%, oklch(50.47% 0.0956 228.20) 61.3%, oklch(55.59% 0.0856 214.55) 64.5%, oklch(60.12% 0.0853 200.29) 67.7%, oklch(64.77% 0.0963 183.03) 71.0%, oklch(69.62% 0.1146 163.83) 74.2%, oklch(74.32% 0.1356 144.93) 77.4%, oklch(78.56% 0.1545 128.60) 80.6%, oklch(82.01% 0.1668 117.05) 83.9%, oklch(84.72% 0.1733 110.63) 87.1%, oklch(86.89% 0.1766 107.79) 90.3%, oklch(88.59% 0.1779 107.15) 93.5%, oklch(89.91% 0.1784 107.32) 96.8%, oklch(90.94% 0.1791 106.94) 100.0%);

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

Gradient vàng và xanh dương

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