Be, xám, tím oải hương và hồng tông pastel (gradient tuyến tính)

Bảng màu Be, xám, tím oải hương và hồng tông pastel

Gradient tuyến tính, 32 màu, góc 90°: #f4e7c7, #d2dcbf, #cad8dd, #e4c9df, #f4d7cf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f4e7c7
#f1e6c6
#ece6c6
#e7e5c5
#e2e4c5
#dde3c5
#d9e1c4
#d5dfc2
#d2dcbf
#cedabe
#cad9bf
#c6d9c3
#c4d9ca
#c4dad1
#c7d9d6
#c9d9da
#cad8dd
#cad7e1
#cbd5e4
#cfd2e7
#d5cfe7
#dbcde5
#e0cbe2
#e4c9df
#e8c8db
#ebc8d8
#eec9d4
#f1cbd1
#f2cecf
#f3d2ce
#f4d5ce
#f4d7cf

CSS

background: linear-gradient(90deg in oklch, oklch(92.91% 0.0441 87.89) 0.0%, oklch(92.57% 0.0435 91.76) 3.2%, oklch(92.08% 0.0427 97.30) 6.5%, oklch(91.51% 0.0417 103.67) 9.7%, oklch(90.89% 0.0408 110.06) 12.9%, oklch(90.26% 0.0401 115.63) 16.1%, oklch(89.58% 0.0398 119.43) 19.4%, oklch(88.78% 0.0401 121.64) 22.6%, oklch(87.96% 0.0405 123.65) 25.8%, oklch(87.24% 0.0403 126.87) 29.0%, oklch(86.72% 0.0392 132.68) 32.3%, oklch(86.52% 0.0364 142.13) 35.5%, oklch(86.60% 0.0315 154.42) 38.7%, oklch(86.86% 0.0258 168.81) 41.9%, oklch(87.16% 0.0205 184.60) 45.2%, oklch(87.37% 0.0171 201.11) 48.4%, oklch(87.38% 0.0168 218.11) 51.6%, oklch(87.25% 0.0194 237.37) 54.8%, oklch(87.05% 0.0239 257.83) 58.1%, oklch(86.84% 0.0290 277.98) 61.3%, oklch(86.67% 0.0336 296.25) 64.5%, oklch(86.60% 0.0367 311.20) 67.7%, oklch(86.56% 0.0392 323.04) 71.0%, oklch(86.56% 0.0413 332.77) 74.2%, oklch(86.62% 0.0429 341.24) 77.4%, oklch(86.78% 0.0439 349.29) 80.6%, oklch(87.07% 0.0440 357.78) 83.9%, oklch(87.59% 0.0429 7.00) 87.1%, oklch(88.29% 0.0408 16.29) 90.3%, oklch(89.04% 0.0383 24.95) 93.5%, oklch(89.70% 0.0360 32.26) 96.8%, oklch(90.16% 0.0344 37.52) 100.0%);

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

Gradient nhiều màu dịu

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