Tím, xanh hải quân và tím đậm (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 135°: #db2eba, #2680c2, #00482e, #0b1e46, #2c0e34. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#db2eba
#d336c2
#ca3fcc
#bf49d5
#b252de
#a35ce4
#9364e7
#826ce7
#7173e4
#5f79df
#4d7dd6
#3a7fcd
#2680c2
#017fb6
#007da3
#007991
#007481
#006f71
#006963
#006356
#005d49
#00573e
#005236
#004d30
#00482e
#00442e
#003f30
#003b32
#003734
#003436
#003038
#002d3a
#00293c
#002641
#012147
#0b1e46
#111b45
#161843
#191641
#1d1440
#20133e
#22123c
#24113b
#261039
#281038
#2a0f37
#2b0f35
#2c0e34

CSS

background: linear-gradient(135deg in oklch, oklch(62.20% 0.2453 337.50) 0.0%, oklch(62.07% 0.2395 333.05) 2.1%, oklch(61.98% 0.2319 327.45) 4.3%, oklch(61.92% 0.2229 320.87) 6.4%, oklch(61.85% 0.2128 313.49) 8.5%, oklch(61.75% 0.2018 305.47) 10.6%, oklch(61.59% 0.1904 296.99) 12.8%, oklch(61.35% 0.1789 288.21) 14.9%, oklch(61.00% 0.1676 279.30) 17.0%, oklch(60.52% 0.1567 270.44) 19.1%, oklch(59.87% 0.1468 261.79) 21.3%, oklch(59.03% 0.1379 253.52) 23.4%, oklch(57.98% 0.1306 245.75) 25.5%, oklch(56.64% 0.1241 237.28) 27.7%, oklch(55.03% 0.1072 227.91) 29.8%, oklch(53.20% 0.0956 217.96) 31.9%, oklch(51.20% 0.0880 207.78) 34.0%, oklch(49.09% 0.0835 197.73) 36.2%, oklch(46.92% 0.0816 188.16) 38.3%, oklch(44.74% 0.0815 179.43) 40.4%, oklch(42.61% 0.0827 171.88) 42.6%, oklch(40.56% 0.0843 165.88) 44.7%, oklch(38.67% 0.0851 161.77) 46.8%, oklch(36.98% 0.0838 159.92) 48.9%, oklch(35.52% 0.0795 160.66) 51.1%, oklch(34.15% 0.0725 164.29) 53.2%, oklch(32.85% 0.0648 170.40) 55.3%, oklch(31.63% 0.0580 178.55) 57.4%, oklch(30.48% 0.0529 188.29) 59.6%, oklch(29.40% 0.0500 199.18) 61.7%, oklch(28.41% 0.0493 210.76) 63.8%, oklch(27.48% 0.0510 222.58) 66.0%, oklch(26.64% 0.0559 234.16) 68.1%, oklch(25.87% 0.0652 245.06) 70.2%, oklch(25.16% 0.0800 254.64) 72.3%, oklch(24.55% 0.0800 262.83) 74.5%, oklch(24.03% 0.0797 269.55) 76.6%, oklch(23.65% 0.0795 275.86) 78.7%, oklch(23.38% 0.0792 281.81) 80.9%, oklch(23.21% 0.0789 287.41) 83.0%, oklch(23.11% 0.0787 292.63) 85.1%, oklch(23.08% 0.0784 297.49) 87.2%, oklch(23.10% 0.0781 301.97) 89.4%, oklch(23.14% 0.0779 306.06) 91.5%, oklch(23.19% 0.0777 309.76) 93.6%, oklch(23.23% 0.0775 313.07) 95.7%, oklch(23.25% 0.0773 315.98) 97.9%, oklch(23.23% 0.0772 318.48) 100.0%);

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

Gradient tông tố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