Xanh dương sang tím (tương đồng) tông rực rỡ (gradient tuyến tính)

Xanh dương sang tím (tương đồng) tông rực rỡ: bảng màu gồm 32 màu. #0074c9, #006af4, #4b61fc, #6857f5, #7a4ee8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 3 keyframe OKLCH chỉnh sửa được.

#0074c9
#0074cb
#0073cf
#0073d2
#0072d7
#0071dc
#006fe3
#006deb
#006af4
#1469f7
#2268f9
#2c66fa
#3465fb
#3b64fb
#4163fc
#4762fc
#4b61fc
#505ffc
#545efb
#595dfa
#5d5bf9
#615af8
#6458f6
#6857f5
#6b55f3
#6e54f1
#7052ef
#7351ee
#7550ec
#774feb
#784ee9
#7a4ee8

CSS

background: linear-gradient(90deg in oklch, oklch(55.12% 0.1574 250.33) 0.0%, oklch(55.20% 0.1608 251.06) 3.2%, oklch(55.30% 0.1652 251.94) 6.5%, oklch(55.43% 0.1707 252.95) 9.7%, oklch(55.57% 0.1774 254.08) 12.9%, oklch(55.72% 0.1856 255.32) 16.1%, oklch(55.88% 0.1956 256.64) 19.4%, oklch(56.05% 0.2078 258.03) 22.6%, oklch(56.22% 0.2231 259.48) 25.8%, oklch(56.38% 0.2269 260.95) 29.0%, oklch(56.54% 0.2277 262.45) 32.3%, oklch(56.69% 0.2284 263.96) 35.5%, oklch(56.82% 0.2291 265.46) 38.7%, oklch(56.93% 0.2296 266.93) 41.9%, oklch(57.01% 0.2299 268.36) 45.2%, oklch(57.07% 0.2301 269.73) 48.4%, oklch(57.10% 0.2301 271.05) 51.6%, oklch(57.09% 0.2299 272.42) 54.8%, oklch(57.06% 0.2296 273.85) 58.1%, oklch(57.01% 0.2291 275.32) 61.3%, oklch(56.94% 0.2284 276.82) 64.5%, oklch(56.85% 0.2277 278.33) 67.7%, oklch(56.75% 0.2269 279.84) 71.0%, oklch(56.65% 0.2261 281.32) 74.2%, oklch(56.53% 0.2253 282.76) 77.4%, oklch(56.42% 0.2244 284.16) 80.6%, oklch(56.31% 0.2235 285.48) 83.9%, oklch(56.20% 0.2228 286.71) 87.1%, oklch(56.11% 0.2220 287.85) 90.3%, oklch(56.02% 0.2214 288.86) 93.5%, oklch(55.95% 0.2209 289.74) 96.8%, oklch(55.91% 0.2205 290.47) 100.0%);

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

Gradient xanh chàm Gradient cho hero section

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