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

Bảng màu Xanh dương sang tím oải hương (tương đồng) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 135°: #0300da, #3603fe, #8382ff, #bcc0ff, #e2b1fe. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0300da
#0400e0
#0500ea
#0700f5
#0f00fe
#190dff
#230aff
#2d01ff
#3603fe
#3d17fd
#4729fd
#513afe
#5c49ff
#6757ff
#7065ff
#7973ff
#8382ff
#8c8ffe
#959afe
#9da4fe
#a5adfe
#acb5ff
#b4bcff
#bcc0ff
#c3c4ff
#c9c5ff
#cfc6ff
#d3c5ff
#d7c1ff
#dbbcff
#dfb5ff
#e2b1fe

CSS

background: linear-gradient(135deg in oklch, oklch(40.17% 0.2775 264.38) 0.0%, oklch(41.11% 0.2838 264.42) 3.2%, oklch(42.48% 0.2933 264.43) 6.5%, oklch(43.97% 0.3031 264.59) 9.7%, oklch(45.26% 0.3105 265.08) 12.9%, oklch(46.03% 0.3073 266.08) 16.1%, oklch(46.28% 0.3057 267.59) 19.4%, oklch(46.38% 0.3053 269.40) 22.6%, oklch(46.77% 0.3018 271.30) 25.8%, oklch(47.85% 0.2936 273.07) 29.0%, oklch(49.70% 0.2829 274.92) 32.3%, oklch(52.06% 0.2698 276.86) 35.5%, oklch(54.72% 0.2549 278.62) 38.7%, oklch(57.49% 0.2384 279.96) 41.9%, oklch(60.31% 0.2208 280.66) 45.2%, oklch(63.41% 0.2012 280.81) 48.4%, oklch(66.60% 0.1808 280.64) 51.6%, oklch(69.67% 0.1611 280.37) 54.8%, oklch(72.40% 0.1443 280.16) 58.1%, oklch(74.95% 0.1294 279.52) 61.3%, oklch(77.33% 0.1159 278.72) 64.5%, oklch(79.46% 0.1042 278.34) 67.7%, oklch(81.27% 0.0948 278.96) 71.0%, oklch(82.72% 0.0877 280.97) 74.2%, oklch(83.89% 0.0824 284.04) 77.4%, oklch(84.74% 0.0794 287.76) 80.6%, oklch(85.28% 0.0789 291.73) 83.9%, oklch(85.44% 0.0809 295.72) 87.1%, oklch(85.05% 0.0873 300.46) 90.3%, oklch(84.33% 0.0977 305.45) 93.5%, oklch(83.57% 0.1098 309.90) 96.8%, oklch(83.07% 0.1171 312.99) 100.0%);

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

Tím oải hương Gradient xanh dương và tím

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