Tím sang nâu vàng (hai tông) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #6a62a9, #7f5ca3, #a67294, #cb9587, #e4b97e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6a62a9
#6b62a9
#6d61a8
#6f5fa8
#715ea7
#745da6
#775ca5
#7b5ca4
#7f5ca3
#835da1
#885f9f
#8c629d
#91659b
#966899
#9b6b97
#a06f96
#a67294
#ac7691
#b27a8f
#b87f8d
#be858b
#c28a89
#c79088
#cb9587
#cf9a86
#d39f85
#d7a484
#dba982
#deae81
#e1b27f
#e3b67e
#e4b97e

CSS

background: linear-gradient(90deg in oklch, oklch(53.54% 0.1089 286.88) 0.0%, oklch(53.53% 0.1094 288.21) 3.2%, oklch(53.45% 0.1105 289.87) 6.5%, oklch(53.36% 0.1118 291.84) 9.7%, oklch(53.29% 0.1131 294.11) 12.9%, oklch(53.29% 0.1140 296.64) 16.1%, oklch(53.39% 0.1144 299.43) 19.4%, oklch(53.63% 0.1140 302.44) 22.6%, oklch(54.06% 0.1125 305.66) 25.8%, oklch(54.66% 0.1097 309.00) 29.0%, oklch(55.39% 0.1058 312.48) 32.3%, oklch(56.23% 0.1012 316.18) 35.5%, oklch(57.18% 0.0963 320.18) 38.7%, oklch(58.21% 0.0914 324.55) 41.9%, oklch(59.30% 0.0868 329.37) 45.2%, oklch(60.44% 0.0829 334.71) 48.4%, oklch(61.63% 0.0799 340.71) 51.6%, oklch(62.94% 0.0772 347.71) 54.8%, oklch(64.36% 0.0747 355.48) 58.1%, oklch(65.84% 0.0725 3.71) 61.3%, oklch(67.36% 0.0707 12.11) 64.5%, oklch(68.87% 0.0694 20.35) 67.7%, oklch(70.34% 0.0687 28.14) 71.0%, oklch(71.72% 0.0688 35.17) 74.2%, oklch(73.04% 0.0698 41.45) 77.4%, oklch(74.40% 0.0720 47.55) 80.6%, oklch(75.77% 0.0751 53.38) 83.9%, oklch(77.10% 0.0787 58.85) 87.1%, oklch(78.35% 0.0824 63.83) 90.3%, oklch(79.46% 0.0860 68.23) 93.5%, oklch(80.39% 0.0889 71.93) 96.8%, oklch(81.10% 0.0909 74.82) 100.0%);

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

Chân trời chạng vạng điểm phân

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