Tím, tím oải hương và xanh dương nhạt tông lạnh (gradient tuyến tính)

Bảng màu Tím, tím oải hương và xanh dương nhạt tông lạnh

Gradient tuyến tính, 32 màu, góc 90°: #3f0e81, #6b1abe, #9c5fd6, #93a6f4, #92e7cf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3f0e81
#420f85
#46108b
#4b1093
#51119b
#5711a4
#5e13ad
#6516b6
#6b1abe
#7121c6
#7728cc
#7c31d1
#823ad4
#8943d5
#904cd5
#9656d6
#9c5fd6
#a169d7
#a473d9
#a57cdc
#a586e1
#a28fe7
#9c9aee
#93a6f4
#88b2f8
#7cbef7
#73c9f4
#70d2ed
#74dae4
#7de0dc
#88e4d4
#92e7cf

CSS

background: linear-gradient(90deg in oklch, oklch(33.07% 0.1681 293.91) 0.0%, oklch(34.00% 0.1723 294.25) 3.2%, oklch(35.18% 0.1784 294.74) 6.5%, oklch(36.56% 0.1861 295.34) 9.7%, oklch(38.11% 0.1945 296.00) 12.9%, oklch(39.79% 0.2032 296.70) 16.1%, oklch(41.58% 0.2115 297.38) 19.4%, oklch(43.43% 0.2189 298.00) 22.6%, oklch(45.31% 0.2247 298.54) 25.8%, oklch(47.18% 0.2283 298.94) 29.0%, oklch(49.01% 0.2292 299.16) 32.3%, oklch(50.81% 0.2267 299.41) 35.5%, oklch(52.68% 0.2212 300.32) 38.7%, oklch(54.61% 0.2130 301.65) 41.9%, oklch(56.60% 0.2029 303.11) 45.2%, oklch(58.61% 0.1915 304.43) 48.4%, oklch(60.63% 0.1792 305.30) 51.6%, oklch(62.65% 0.1668 305.43) 54.8%, oklch(64.64% 0.1549 304.55) 58.1%, oklch(66.59% 0.1439 302.34) 61.3%, oklch(68.47% 0.1346 298.54) 64.5%, oklch(70.29% 0.1273 292.77) 67.7%, oklch(72.15% 0.1212 284.23) 71.0%, oklch(74.06% 0.1157 273.25) 74.2%, oklch(75.98% 0.1108 260.46) 77.4%, oklch(77.87% 0.1065 246.51) 80.6%, oklch(79.70% 0.1027 232.04) 83.9%, oklch(81.44% 0.0994 217.71) 87.1%, oklch(83.03% 0.0965 204.14) 90.3%, oklch(84.45% 0.0939 191.98) 93.5%, oklch(85.66% 0.0916 181.89) 96.8%, oklch(86.61% 0.0896 174.49) 100.0%);

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

Gradient nhiều màu rực rỡ Gradient neon

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