Cầu vồng từ tím oải hương sang xanh lá đậm (gradient tuyến tính)

Bảng màu Cầu vồng từ tím oải hương sang xanh lá đậm

Gradient tuyến tính, 32 màu, góc 205°: #bdb2d1, #bd8c7f, #367b72, #2d4c69, #1d342b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#bdb2d1
#bfaecd
#c0aac8
#c2a5c0
#c49fb7
#c599ab
#c4949d
#c2908e
#bd8c7f
#b68970
#ac8764
#a0875a
#8f8655
#7a8656
#62845d
#4a8167
#367b72
#2b737a
#2c6b7e
#31627e
#355b7b
#365576
#335070
#2d4c69
#264961
#1f4658
#19434e
#184045
#183d3c
#1a3935
#1c362f
#1d342b

CSS

background: linear-gradient(205deg in oklch, oklch(78.35% 0.0455 301.64) 0.0%, oklch(77.58% 0.0468 308.81) 3.2%, oklch(76.64% 0.0487 317.71) 6.5%, oklch(75.54% 0.0509 328.13) 9.7%, oklch(74.30% 0.0534 339.84) 12.9%, oklch(72.95% 0.0561 352.65) 16.1%, oklch(71.49% 0.0587 6.33) 19.4%, oklch(69.96% 0.0613 20.68) 22.6%, oklch(68.38% 0.0636 35.48) 25.8%, oklch(66.75% 0.0656 50.51) 29.0%, oklch(65.11% 0.0671 65.57) 32.3%, oklch(63.44% 0.0682 81.23) 35.5%, oklch(61.62% 0.0691 99.52) 38.7%, oklch(59.69% 0.0699 119.80) 41.9%, oklch(57.67% 0.0705 141.21) 45.2%, oklch(55.60% 0.0709 162.91) 48.4%, oklch(53.51% 0.0711 184.04) 51.6%, oklch(51.43% 0.0710 203.76) 54.8%, oklch(49.41% 0.0705 221.21) 58.1%, oklch(47.46% 0.0697 235.55) 61.3%, oklch(45.63% 0.0685 245.92) 64.5%, oklch(43.93% 0.0669 251.47) 67.7%, oklch(42.27% 0.0645 251.80) 71.0%, oklch(40.61% 0.0614 247.71) 74.2%, oklch(38.98% 0.0577 240.12) 77.4%, oklch(37.40% 0.0537 229.96) 80.6%, oklch(35.90% 0.0496 218.19) 83.9%, oklch(34.50% 0.0455 205.73) 87.1%, oklch(33.22% 0.0416 193.53) 90.3%, oklch(32.08% 0.0381 182.51) 93.5%, oklch(31.10% 0.0352 173.62) 96.8%, oklch(30.31% 0.0331 167.79) 100.0%);

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

Miền hoang huyền bí

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