Hồng đào, tím và xanh hải quân (ba tông) (gradient tuyến tính)

Bảng màu Hồng đào, tím và xanh hải quân (ba tông)

Gradient tuyến tính, 32 màu, góc 180°: #f6bd8f, #de767a, #9c4789, #54317a, #151d48. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f6bd8f
#f5b78b
#f4af86
#f2a681
#f09c7d
#ed927a
#e98879
#e47e79
#de767a
#d86e7c
#d1677e
#ca6080
#c25a83
#b95585
#b05087
#a64b88
#9c4789
#924389
#884088
#7d3c87
#723a85
#683782
#5e347e
#54317a
#4b2f75
#412c6f
#372968
#2e2661
#262459
#1f2152
#1a1f4c
#151d48

CSS

background: linear-gradient(180deg in oklch, oklch(83.86% 0.0896 59.77) 0.0%, oklch(82.66% 0.0930 56.55) 3.2%, oklch(81.06% 0.0978 52.25) 6.5%, oklch(79.15% 0.1035 47.14) 9.7%, oklch(77.04% 0.1096 41.47) 12.9%, oklch(74.81% 0.1159 35.49) 16.1%, oklch(72.57% 0.1217 29.47) 19.4%, oklch(70.41% 0.1266 23.67) 22.6%, oklch(68.42% 0.1303 18.31) 25.8%, oklch(66.48% 0.1333 13.10) 29.0%, oklch(64.55% 0.1358 7.86) 32.3%, oklch(62.62% 0.1378 2.61) 35.5%, oklch(60.69% 0.1393 357.37) 38.7%, oklch(58.76% 0.1404 352.17) 41.9%, oklch(56.83% 0.1408 347.03) 45.2%, oklch(54.90% 0.1408 341.95) 48.4%, oklch(52.97% 0.1401 336.96) 51.6%, oklch(51.02% 0.1388 332.00) 54.8%, oklch(49.07% 0.1369 327.06) 58.1%, oklch(47.11% 0.1344 322.18) 61.3%, oklch(45.17% 0.1315 317.37) 64.5%, oklch(43.23% 0.1282 312.65) 67.7%, oklch(41.32% 0.1247 308.04) 71.0%, oklch(39.44% 0.1209 303.56) 74.2%, oklch(37.54% 0.1166 299.12) 77.4%, oklch(35.51% 0.1114 294.51) 80.6%, oklch(33.44% 0.1055 289.88) 83.9%, oklch(31.40% 0.0994 285.38) 87.1%, oklch(29.47% 0.0934 281.16) 90.3%, oklch(27.74% 0.0879 277.40) 93.5%, oklch(26.29% 0.0833 274.23) 96.8%, oklch(25.20% 0.0799 271.82) 100.0%);

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

Gradient chạng vạ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