Tím, tím oải hương, tím đậm và xám (gradient tuyến tính)

Bảng màu Tím, tím oải hương, tím đậm và xám

Gradient tuyến tính, 32 màu, góc 135°: #85699c, #ddc2ee, #816b86, #503f51, #d3c1d1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#85699c
#8b6fa2
#9478ab
#a084b6
#ad92c3
#bb9fcf
#c8addc
#d4b9e6
#ddc2ee
#e3c8f2
#e4caf2
#dfc5ec
#d3bade
#c2a9cc
#ad96b5
#97809e
#816b86
#6c5871
#5a475e
#4d3b50
#453347
#433245
#473648
#503f51
#5e4c5e
#6e5d6e
#816f80
#948393
#a896a6
#baa8b8
#c9b7c7
#d3c1d1

CSS

background: linear-gradient(135deg in oklch, oklch(56.69% 0.0841 308.67) 0.0%, oklch(58.78% 0.0827 308.96) 3.2%, oklch(61.91% 0.0810 309.30) 6.5%, oklch(65.76% 0.0789 309.69) 9.7%, oklch(70.04% 0.0766 310.14) 12.9%, oklch(74.43% 0.0741 310.63) 16.1%, oklch(78.62% 0.0715 311.17) 19.4%, oklch(82.31% 0.0688 311.75) 22.6%, oklch(85.19% 0.0662 312.37) 25.8%, oklch(86.94% 0.0637 313.03) 29.0%, oklch(87.27% 0.0614 313.72) 32.3%, oklch(85.75% 0.0592 314.46) 35.5%, oklch(82.10% 0.0570 315.28) 38.7%, oklch(76.78% 0.0549 316.19) 41.9%, oklch(70.30% 0.0527 317.15) 45.2%, oklch(63.14% 0.0506 318.14) 48.4%, oklch(55.83% 0.0485 319.15) 51.6%, oklch(48.84% 0.0465 320.15) 54.8%, oklch(42.70% 0.0445 321.13) 58.1%, oklch(37.91% 0.0427 322.07) 61.3%, oklch(34.95% 0.0410 322.93) 64.5%, oklch(34.32% 0.0395 323.72) 67.7%, oklch(35.93% 0.0380 324.49) 71.0%, oklch(39.37% 0.0366 325.24) 74.2%, oklch(44.20% 0.0353 325.97) 77.4%, oklch(50.04% 0.0341 326.67) 80.6%, oklch(56.46% 0.0330 327.34) 83.9%, oklch(63.06% 0.0320 327.96) 87.1%, oklch(69.43% 0.0310 328.52) 90.3%, oklch(75.16% 0.0302 329.03) 93.5%, oklch(79.84% 0.0295 329.46) 96.8%, oklch(83.07% 0.0289 329.81) 100.0%);

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

Tử đằng trên tường bóng râm

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