Vàng sang xanh dương (bổ túc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #f3d93e, #d8b954, #9e8b96, #5974ce, #3f73e7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f3d93e
#f2d740
#f0d442
#eed144
#ebcd47
#e7c94a
#e3c44c
#debf4f
#d8b954
#d2b35b
#c8af67
#bdab74
#b4a67f
#ae9f86
#ac9889
#a7908e
#9e8b96
#91879c
#8485a1
#7982a9
#6f7fb4
#687abf
#6276c8
#5974ce
#5272d3
#4d71d6
#496fda
#456fdd
#4270e0
#4071e3
#4072e6
#3f73e7

CSS

background: linear-gradient(135deg in oklch, oklch(88.19% 0.1654 99.14) 0.0%, oklch(87.69% 0.1631 98.68) 3.2%, oklch(87.01% 0.1599 98.04) 6.5%, oklch(86.15% 0.1560 97.26) 9.7%, oklch(85.13% 0.1511 96.37) 12.9%, oklch(83.94% 0.1457 95.45) 16.1%, oklch(82.54% 0.1402 94.59) 19.4%, oklch(80.98% 0.1337 93.61) 22.6%, oklch(79.35% 0.1253 92.27) 25.8%, oklch(77.72% 0.1139 90.44) 29.0%, oklch(76.08% 0.0967 91.06) 32.3%, oklch(74.38% 0.0758 92.69) 35.5%, oklch(72.67% 0.0555 91.00) 38.7%, oklch(70.96% 0.0401 81.64) 41.9%, oklch(69.23% 0.0319 59.28) 45.2%, oklch(67.43% 0.0278 23.47) 48.4%, oklch(65.66% 0.0279 342.99) 51.6%, oklch(64.02% 0.0324 306.96) 54.8%, oklch(62.62% 0.0420 284.15) 58.1%, oklch(61.42% 0.0599 273.91) 61.3%, oklch(60.39% 0.0832 271.06) 64.5%, oklch(59.51% 0.1073 271.56) 67.7%, oklch(58.76% 0.1273 271.36) 71.0%, oklch(58.14% 0.1413 269.17) 74.2%, oklch(57.67% 0.1523 267.76) 77.4%, oklch(57.33% 0.1612 266.88) 80.6%, oklch(57.13% 0.1685 266.19) 83.9%, oklch(57.10% 0.1748 265.42) 87.1%, oklch(57.31% 0.1793 264.76) 90.3%, oklch(57.66% 0.1824 264.28) 93.5%, oklch(58.03% 0.1844 263.91) 96.8%, oklch(58.27% 0.1860 263.64) 100.0%);

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

Hiên nhà hoa chanh

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