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

Gradient tuyến tính, 32 màu, góc 180°: #eddeed, #d097d0, #ad59ad, #7c2f7c, #311131. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#eddeed
#ebd9eb
#e8d2e9
#e5c9e5
#e2c0e2
#deb6de
#d9abda
#d5a1d5
#d097d0
#cb8dcc
#c784c7
#c27cc3
#be75be
#ba6dba
#b666b6
#b25fb2
#ad59ad
#a852a8
#a34ca3
#9d459d
#963f96
#8f3a8f
#863486
#7c2f7c
#712a71
#662566
#5b215a
#501d50
#461946
#3e163d
#371336
#311131

CSS

background: linear-gradient(180deg in oklch, oklch(91.73% 0.0262 325.55) 0.0%, oklch(90.46% 0.0320 325.61) 3.2%, oklch(88.81% 0.0397 325.68) 6.5%, oklch(86.86% 0.0489 325.78) 9.7%, oklch(84.67% 0.0593 325.88) 12.9%, oklch(82.32% 0.0703 325.99) 16.1%, oklch(79.86% 0.0815 326.11) 19.4%, oklch(77.37% 0.0926 326.23) 22.6%, oklch(74.91% 0.1031 326.34) 25.8%, oklch(72.55% 0.1125 326.46) 29.0%, oklch(70.37% 0.1204 326.57) 32.3%, oklch(68.38% 0.1269 326.67) 35.5%, oklch(66.49% 0.1332 326.79) 38.7%, oklch(64.68% 0.1392 326.90) 41.9%, oklch(62.91% 0.1448 327.02) 45.2%, oklch(61.16% 0.1498 327.14) 48.4%, oklch(59.41% 0.1540 327.25) 51.6%, oklch(57.62% 0.1573 327.36) 54.8%, oklch(55.78% 0.1594 327.46) 58.1%, oklch(53.85% 0.1603 327.55) 61.3%, oklch(51.82% 0.1597 327.62) 64.5%, oklch(49.64% 0.1575 327.68) 67.7%, oklch(47.18% 0.1526 327.71) 71.0%, oklch(44.47% 0.1454 327.73) 74.2%, oklch(41.59% 0.1365 327.74) 77.4%, oklch(38.64% 0.1263 327.74) 80.6%, oklch(35.71% 0.1155 327.72) 83.9%, oklch(32.89% 0.1046 327.71) 87.1%, oklch(30.25% 0.0942 327.69) 90.3%, oklch(27.90% 0.0848 327.68) 93.5%, oklch(25.93% 0.0771 327.66) 96.8%, oklch(24.41% 0.0717 327.66) 100.0%);

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

Gradient tím đơn sắc

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