Xám, tím oải hương, hồng và xanh dương (gradient tuyến tính)

Bảng màu Xám, tím oải hương, hồng và xanh dương

Gradient tuyến tính, 32 màu, góc 45°: #f3e7d6, #98a5b7, #ff78ad, #f32a83, #244fc2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f3e7d6
#f0dfd2
#e8d5d0
#dccacd
#ccc0c8
#bcb7c2
#aeafbb
#a2a9b7
#98a5b7
#92a4be
#92a2cb
#9d9fd9
#b498e1
#cf90de
#e886d0
#fa7dbd
#ff78ad
#ff74a0
#ff6d94
#ff6389
#ff5681
#ff457c
#fb347d
#f32a83
#e72690
#d428a3
#bb30b7
#9d38c6
#7e40ce
#5e47ce
#404cc9
#244fc2

CSS

background: linear-gradient(45deg in oklch, oklch(93.31% 0.0262 76.64) 0.0%, oklch(91.43% 0.0252 60.25) 3.2%, oklch(88.74% 0.0228 36.20) 6.5%, oklch(85.52% 0.0199 7.45) 9.7%, oklch(82.07% 0.0174 336.93) 12.9%, oklch(78.68% 0.0162 307.59) 16.1%, oklch(75.64% 0.0173 282.37) 19.4%, oklch(73.25% 0.0217 264.21) 22.6%, oklch(71.78% 0.0302 255.99) 25.8%, oklch(71.28% 0.0440 257.97) 29.0%, oklch(71.52% 0.0622 267.73) 32.3%, oklch(72.23% 0.0834 282.88) 35.5%, oklch(73.18% 0.1060 301.07) 38.7%, oklch(74.12% 0.1286 319.90) 41.9%, oklch(74.80% 0.1496 337.00) 45.2%, oklch(74.98% 0.1676 350.00) 48.4%, oklch(74.47% 0.1727 357.34) 51.6%, oklch(73.56% 0.1739 2.54) 54.8%, oklch(72.33% 0.1804 6.26) 58.1%, oklch(70.87% 0.1910 8.46) 61.3%, oklch(69.23% 0.2051 9.07) 64.5%, oklch(67.47% 0.2226 8.05) 67.7%, oklch(65.65% 0.2343 5.34) 71.0%, oklch(63.83% 0.2368 0.89) 74.2%, oklch(61.94% 0.2363 353.85) 77.4%, oklch(59.74% 0.2321 342.94) 80.6%, oklch(57.35% 0.2252 329.30) 83.9%, oklch(54.90% 0.2165 314.20) 87.1%, oklch(52.54% 0.2072 298.90) 90.3%, oklch(50.38% 0.1984 284.66) 93.5%, oklch(48.57% 0.1909 272.74) 96.8%, oklch(47.24% 0.1860 264.39) 100.0%);

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

Sticker dán 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