Be, xám, xanh dương nhạt và tím (gradient tuyến tính)

Bảng màu Be, xám, xanh dương nhạt và tím

Gradient tuyến tính, 32 màu, góc 45°: #f1e4c5, #bbd4b3, #8ac5c3, #8aa7cb, #997990. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f1e4c5
#ede3c3
#e9e1c0
#e3dfbd
#dcddba
#d4dbb7
#ccd8b5
#c3d6b4
#bbd4b3
#b2d2b3
#aad0b4
#a4ceb6
#9dccb8
#97caba
#92c9bd
#8dc7c0
#8ac5c3
#86c3c6
#84c0c9
#83bdcb
#83b9cd
#84b4ce
#86aecd
#8aa7cb
#8ea0c6
#9298c0
#9591b8
#988aaf
#9984a6
#9a809d
#9a7c95
#997990

CSS

background: linear-gradient(45deg in oklch, oklch(92.13% 0.0427 87.89) 0.0%, oklch(91.53% 0.0434 91.74) 3.2%, oklch(90.74% 0.0444 96.63) 6.5%, oklch(89.81% 0.0455 102.39) 9.7%, oklch(88.76% 0.0468 108.86) 12.9%, oklch(87.64% 0.0482 115.87) 16.1%, oklch(86.48% 0.0496 123.26) 19.4%, oklch(85.32% 0.0510 130.85) 22.6%, oklch(84.19% 0.0524 138.49) 25.8%, oklch(83.13% 0.0536 146.00) 29.0%, oklch(82.18% 0.0548 153.21) 32.3%, oklch(81.36% 0.0558 160.05) 35.5%, oklch(80.64% 0.0569 166.73) 38.7%, oklch(79.99% 0.0581 173.33) 41.9%, oklch(79.40% 0.0592 179.93) 45.2%, oklch(78.83% 0.0603 186.61) 48.4%, oklch(78.26% 0.0613 193.44) 51.6%, oklch(77.66% 0.0621 200.49) 54.8%, oklch(77.00% 0.0628 207.85) 58.1%, oklch(76.27% 0.0633 215.58) 61.3%, oklch(75.43% 0.0634 223.76) 64.5%, oklch(74.46% 0.0633 232.52) 67.7%, oklch(73.29% 0.0627 242.53) 71.0%, oklch(71.94% 0.0617 253.67) 74.2%, oklch(70.48% 0.0605 265.56) 77.4%, oklch(68.95% 0.0590 277.81) 80.6%, oklch(67.41% 0.0574 290.03) 83.9%, oklch(65.91% 0.0558 301.84) 87.1%, oklch(64.51% 0.0543 312.86) 90.3%, oklch(63.26% 0.0529 322.69) 93.5%, oklch(62.21% 0.0518 330.96) 96.8%, oklch(61.42% 0.0510 337.28) 100.0%);

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

Gradient pastel

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