Hồng đào, đỏ, tím và xanh cổ vịt (gradient tuyến tính)

Bảng màu Hồng đào, đỏ, tím và xanh cổ vịt

Gradient tuyến tính, 32 màu, góc 225°: #f1b268, #cf514f, #8f3f7f, #464b8c, #26574f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f1b268
#f0a961
#ed9c57
#ea8d4e
#e57d49
#e06e47
#da6148
#d5584c
#cf514f
#ca4b52
#c44756
#bf435b
#b84162
#b03e69
#a63e71
#9b3e79
#8f3f7f
#834185
#784288
#6d448b
#63458c
#5a478d
#50498d
#464b8c
#3a4d8a
#2d5086
#1c537e
#085674
#025869
#10595e
#1d5855
#26574f

CSS

background: linear-gradient(225deg in oklch, oklch(80.71% 0.1171 68.91) 0.0%, oklch(78.81% 0.1219 64.94) 3.2%, oklch(76.11% 0.1290 59.38) 6.5%, oklch(72.94% 0.1372 52.82) 9.7%, oklch(69.63% 0.1455 45.84) 12.9%, oklch(66.48% 0.1527 39.04) 16.1%, oklch(63.83% 0.1578 32.99) 19.4%, oklch(61.80% 0.1604 28.09) 22.6%, oklch(60.11% 0.1615 23.97) 25.8%, oklch(58.65% 0.1614 20.23) 29.0%, oklch(57.34% 0.1602 16.41) 32.3%, oklch(56.11% 0.1582 12.11) 35.5%, oklch(54.85% 0.1555 6.88) 38.7%, oklch(53.53% 0.1521 0.39) 41.9%, oklch(52.19% 0.1473 352.81) 45.2%, oklch(50.88% 0.1413 344.45) 48.4%, oklch(49.63% 0.1349 335.62) 51.6%, oklch(48.46% 0.1285 326.63) 54.8%, oklch(47.41% 0.1228 317.78) 58.1%, oklch(46.51% 0.1182 309.38) 61.3%, oklch(45.74% 0.1147 301.51) 64.5%, oklch(45.08% 0.1120 293.88) 67.7%, oklch(44.53% 0.1094 286.13) 71.0%, oklch(44.05% 0.1065 277.92) 74.2%, oklch(43.62% 0.1029 268.91) 77.4%, oklch(43.23% 0.0981 258.70) 80.6%, oklch(42.91% 0.0915 246.07) 83.9%, oklch(42.67% 0.0835 231.57) 87.1%, oklch(42.48% 0.0750 216.53) 90.3%, oklch(42.34% 0.0669 202.30) 93.5%, oklch(42.22% 0.0600 190.21) 96.8%, oklch(42.13% 0.0551 181.63) 100.0%);

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

Bảng màu bộ bố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