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

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

Gradient tuyến tính, 32 màu, góc 135°: #dbe1e2, #764f70, #342940, #516d90, #d29eae. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#dbe1e2
#ccd7da
#b9c8d1
#a6b4c7
#979eba
#8d87a9
#857095
#7e5d81
#764f70
#6c4463
#603b58
#55344f
#492e48
#402a43
#39283f
#35273e
#342940
#352d47
#373551
#3b3f5d
#3f4b6a
#435778
#496384
#516d90
#5c759b
#6d7ca5
#8182ae
#9788b4
#ab8db5
#bd93b3
#ca99b0
#d29eae

CSS

background: linear-gradient(135deg in oklch, oklch(90.55% 0.0069 208.83) 0.0%, oklch(87.08% 0.0126 219.60) 3.2%, oklch(82.27% 0.0210 235.11) 6.5%, oklch(76.54% 0.0309 253.63) 9.7%, oklch(70.29% 0.0415 273.47) 12.9%, oklch(63.93% 0.0518 292.91) 16.1%, oklch(57.87% 0.0608 310.24) 19.4%, oklch(52.52% 0.0674 323.75) 22.6%, oklch(48.24% 0.0708 331.83) 25.8%, oklch(44.38% 0.0706 335.27) 29.0%, oklch(40.72% 0.0678 335.37) 32.3%, oklch(37.37% 0.0632 332.83) 35.5%, oklch(34.49% 0.0577 328.37) 38.7%, oklch(32.19% 0.0522 322.73) 41.9%, oklch(30.62% 0.0476 316.62) 45.2%, oklch(29.91% 0.0446 310.77) 48.4%, oklch(30.24% 0.0441 305.27) 51.6%, oklch(31.82% 0.0454 297.35) 54.8%, oklch(34.43% 0.0480 287.57) 58.1%, oklch(37.79% 0.0513 277.17) 61.3%, oklch(41.59% 0.0551 267.36) 64.5%, oklch(45.55% 0.0588 259.35) 67.7%, oklch(49.38% 0.0620 254.37) 71.0%, oklch(52.79% 0.0644 253.64) 74.2%, oklch(55.81% 0.0657 258.51) 77.4%, oklch(58.99% 0.0664 269.04) 80.6%, oklch(62.25% 0.0667 283.59) 83.9%, oklch(65.46% 0.0668 300.49) 87.1%, oklch(68.48% 0.0666 318.04) 90.3%, oklch(71.20% 0.0664 334.57) 93.5%, oklch(73.48% 0.0662 348.39) 96.8%, oklch(75.20% 0.0661 357.83) 100.0%);

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

Hậu trường bột tráng gương

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