Xanh dương, tím và trắng liền mạch (gradient tuyến tính)

Bảng màu Xanh dương, tím và trắng liền mạch

Gradient tuyến tính, 32 màu, góc 90°: #5c5f71, #b361b8, #f0f0f1, #67aeae, #60686f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5c5f71
#5c607d
#5d628e
#5f64a2
#6466b4
#6f67c3
#8266c9
#9b62c4
#b361b8
#c665ab
#d270a9
#d783ba
#d8a1d5
#d8c2ea
#e0def1
#edeef1
#f0f0f1
#dfeaf3
#bce0f0
#91d5e5
#68cbd3
#55c1c3
#59b8b7
#67aeae
#75a4a5
#7e999c
#809093
#7b878a
#747d81
#6b757a
#646d73
#60686f

CSS

background: linear-gradient(90deg in oklch, oklch(48.82% 0.0289 277.73) 0.0%, oklch(49.79% 0.0453 278.07) 3.2%, oklch(51.11% 0.0693 278.06) 6.5%, oklch(52.71% 0.0962 278.63) 9.7%, oklch(54.49% 0.1210 280.68) 12.9%, oklch(56.38% 0.1386 285.15) 16.1%, oklch(58.21% 0.1479 294.40) 19.4%, oklch(59.97% 0.1530 309.19) 22.6%, oklch(61.91% 0.1537 325.42) 25.8%, oklch(64.27% 0.1497 338.90) 29.0%, oklch(67.30% 0.1406 345.45) 32.3%, oklch(71.60% 0.1236 341.53) 35.5%, oklch(77.78% 0.0939 328.63) 38.7%, oklch(84.62% 0.0588 310.22) 41.9%, oklch(90.75% 0.0263 289.79) 45.2%, oklch(94.82% 0.0045 270.81) 48.4%, oklch(95.58% 0.0011 255.68) 51.6%, oklch(93.13% 0.0169 240.73) 54.8%, oklch(88.66% 0.0436 226.19) 58.1%, oklch(83.37% 0.0721 213.24) 61.3%, oklch(78.46% 0.0934 203.10) 64.5%, oklch(75.02% 0.0990 196.91) 67.7%, oklch(72.50% 0.0898 194.78) 71.0%, oklch(70.38% 0.0717 195.75) 74.2%, oklch(68.43% 0.0504 198.86) 77.4%, oklch(66.43% 0.0311 203.15) 80.6%, oklch(64.16% 0.0194 207.71) 83.9%, oklch(61.41% 0.0144 214.08) 87.1%, oklch(58.41% 0.0129 222.31) 90.3%, oklch(55.48% 0.0135 230.98) 93.5%, oklch(52.96% 0.0148 238.66) 96.8%, oklch(51.18% 0.0152 243.92) 100.0%);

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

Gradient hologram

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