Nâu vàng, xanh dương, xanh cổ vịt và hồng cá hồi (gradient tuyến tính)

Bảng màu Nâu vàng, xanh dương, xanh cổ vịt và hồng cá hồi

Gradient tuyến tính, 32 màu, góc 135°: #f3cd8b, #284a7f, #148195, #8be6d7, #df706b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f3cd8b
#d8c67e
#adbc76
#77ae7a
#3b9a84
#00828b
#006a8a
#1c5685
#284a7f
#2a467d
#29487d
#244d80
#1c5684
#106088
#046b8b
#05768f
#148195
#298e9f
#3d9eac
#52afbb
#64c0c9
#75d0d4
#81ddda
#8be6d7
#93e8c8
#a0e2ac
#b4d487
#cabf63
#daa64d
#e28e4e
#e37b5c
#df706b

CSS

background: linear-gradient(135deg in oklch, oklch(86.61% 0.0937 80.16) 0.0%, oklch(82.61% 0.0941 95.86) 3.2%, oklch(76.81% 0.0947 118.52) 6.5%, oklch(69.88% 0.0954 145.59) 9.7%, oklch(62.48% 0.0961 174.54) 12.9%, oklch(55.27% 0.0941 202.85) 16.1%, oklch(48.89% 0.0953 227.99) 19.4%, oklch(44.01% 0.0977 247.36) 22.6%, oklch(41.25% 0.0978 258.61) 25.8%, oklch(40.24% 0.0976 262.41) 29.0%, oklch(40.49% 0.0972 260.72) 32.3%, oklch(41.77% 0.0966 254.95) 35.5%, oklch(43.84% 0.0959 246.51) 38.7%, oklch(46.47% 0.0952 236.83) 41.9%, oklch(49.42% 0.0945 227.32) 45.2%, oklch(52.46% 0.0939 219.40) 48.4%, oklch(55.57% 0.0934 214.23) 51.6%, oklch(59.76% 0.0923 210.91) 54.8%, oklch(64.79% 0.0909 208.48) 58.1%, oklch(70.21% 0.0894 206.18) 61.3%, oklch(75.54% 0.0883 203.21) 64.5%, oklch(80.31% 0.0879 198.79) 67.7%, oklch(84.07% 0.0884 192.14) 71.0%, oklch(86.33% 0.0902 182.47) 74.2%, oklch(86.72% 0.0939 168.47) 77.4%, oklch(85.39% 0.0996 149.36) 80.6%, oklch(82.82% 0.1067 126.80) 83.9%, oklch(79.46% 0.1146 102.57) 87.1%, oklch(75.77% 0.1226 78.42) 90.3%, oklch(72.21% 0.1300 56.13) 93.5%, oklch(69.24% 0.1362 37.45) 96.8%, oklch(67.32% 0.1406 24.15) 100.0%);

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

Gradient bãi biển

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