Xanh dương nhạt, hồng, tím và xanh dương (gradient tuyến tính)

Bảng màu Xanh dương nhạt, hồng, tím và xanh dương

Gradient tuyến tính, 32 màu, góc 90°: #b7f6ec, #ff68cc, #eb37cc, #0be1ee, #205ae6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b7f6ec
#a3f3f5
#9be9ff
#a7daff
#b0c9ff
#bfb5ff
#da97ff
#f677ea
#ff68cc
#ff60b3
#ff55a2
#ff4996
#ff3991
#ff2694
#fd179f
#f523b2
#eb37cc
#d855f3
#b384ff
#96a3ff
#7fbaff
#62cdff
#00dcfe
#0be1ee
#00dde5
#00d1de
#00c0d9
#00add4
#0098d2
#0083d4
#006ce1
#205ae6

CSS

background: linear-gradient(90deg in oklch, oklch(92.91% 0.0648 184.22) 0.0%, oklch(91.32% 0.0776 197.87) 3.2%, oklch(89.12% 0.0823 217.30) 6.5%, oklch(86.48% 0.0740 240.51) 9.7%, oklch(83.62% 0.0809 265.50) 12.9%, oklch(80.70% 0.1045 290.24) 16.1%, oklch(77.94% 0.1585 312.73) 19.4%, oklch(75.50% 0.2039 330.95) 22.6%, oklch(73.57% 0.2118 343.07) 25.8%, oklch(71.80% 0.2089 351.14) 29.0%, oklch(70.08% 0.2148 356.51) 32.3%, oklch(68.51% 0.2252 359.27) 35.5%, oklch(67.17% 0.2383 359.50) 38.7%, oklch(66.17% 0.2532 357.29) 41.9%, oklch(65.60% 0.2637 352.73) 45.2%, oklch(65.55% 0.2624 345.91) 48.4%, oklch(66.22% 0.2569 336.21) 51.6%, oklch(68.15% 0.2444 320.32) 54.8%, oklch(71.01% 0.1782 299.67) 58.1%, oklch(74.32% 0.1331 276.47) 61.3%, oklch(77.63% 0.1167 252.95) 64.5%, oklch(80.46% 0.1208 231.33) 67.7%, oklch(82.35% 0.1447 213.83) 71.0%, oklch(82.83% 0.1401 202.67) 74.2%, oklch(81.48% 0.1385 199.42) 77.4%, oklch(78.43% 0.1335 202.71) 80.6%, oklch(74.18% 0.1287 210.80) 83.9%, oklch(69.22% 0.1279 221.99) 87.1%, oklch(64.06% 0.1351 234.57) 90.3%, oklch(59.20% 0.1550 246.82) 93.5%, oklch(55.14% 0.1959 257.03) 96.8%, oklch(52.36% 0.2205 263.48) 100.0%);

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

Trang phục lông vũ đính kim sa Gradient hồng và xanh cổ vịt

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