Be, xanh cổ vịt, xám và tím oải hương (bộ ba) (gradient tuyến tính)

Be, xanh cổ vịt, xám và tím oải hương (bộ ba): bảng màu gồm 32 màu. #f3dfc9, #e3ad9e, #7a8d69, #687e92, #c5aeca. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 4 keyframe OKLCH chỉnh sửa được.

#f3dfc9
#f2dbc4
#f1d6bf
#f0d0ba
#efcab5
#edc3af
#ebbbaa
#e7b4a5
#e3ad9e
#dfa797
#d9a28e
#d19e83
#c59a78
#b5976d
#a39467
#8e9166
#7a8d69
#68886f
#5c8376
#567e7b
#567b80
#597984
#5f7a8a
#687e92
#73839a
#8089a3
#8d90ac
#9b97b4
#a89ebc
#b4a5c2
#beaac7
#c5aeca

CSS

background: linear-gradient(135deg in oklch, oklch(91.34% 0.0372 68.91) 0.0%, oklch(90.43% 0.0395 66.55) 3.2%, oklch(89.28% 0.0427 62.44) 6.5%, oklch(87.94% 0.0466 57.19) 9.7%, oklch(86.43% 0.0510 51.43) 12.9%, oklch(84.78% 0.0556 45.76) 16.1%, oklch(83.04% 0.0600 40.80) 19.4%, oklch(81.24% 0.0641 37.16) 22.6%, oklch(79.40% 0.0676 35.46) 25.8%, oklch(77.57% 0.0701 36.31) 29.0%, oklch(75.78% 0.0715 40.34) 32.3%, oklch(73.94% 0.0715 48.16) 35.5%, oklch(71.76% 0.0701 59.86) 38.7%, oklch(69.33% 0.0676 74.72) 41.9%, oklch(66.76% 0.0643 92.02) 45.2%, oklch(64.19% 0.0604 111.03) 48.4%, oklch(61.74% 0.0563 131.02) 51.6%, oklch(59.53% 0.0522 151.26) 54.8%, oklch(57.69% 0.0483 171.01) 58.1%, oklch(56.34% 0.0450 189.56) 61.3%, oklch(55.60% 0.0424 206.16) 64.5%, oklch(55.61% 0.0410 220.26) 67.7%, oklch(56.51% 0.0402 233.41) 71.0%, oklch(58.17% 0.0400 246.13) 74.2%, oklch(60.42% 0.0403 258.31) 77.4%, oklch(63.09% 0.0408 269.86) 80.6%, oklch(66.00% 0.0417 280.68) 83.9%, oklch(68.96% 0.0426 290.68) 87.1%, oklch(71.82% 0.0435 299.74) 90.3%, oklch(74.39% 0.0444 307.79) 93.5%, oklch(76.49% 0.0451 314.71) 96.8%, oklch(77.95% 0.0455 320.41) 100.0%);

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

Gradient nhiều màu dịu Phượng tím đầu mùa Viền vàng và vòng hoa nhài

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