Xanh hải quân, xám, hồng và tím oải hương (gradient hình nón)

Bảng màu Xanh hải quân, xám, hồng và tím oải hương

Gradient hình nón, 32 màu, góc 90°: #143357, #2d7076, #99a090, #cba9a4, #938aae. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#143357
#12385a
#0f3f5e
#0d4862
#0d5066
#135969
#1b606d
#246871
#2d7076
#38777a
#437f7d
#51857f
#628c80
#739183
#829687
#8e9b8c
#99a090
#a3a492
#afa793
#baa995
#c4aa99
#c9aa9e
#cba9a2
#cba9a4
#caa7a5
#c8a4a5
#c5a1a7
#be9ca9
#b596ab
#a890ad
#9c8cae
#938aae

CSS

background: conic-gradient(from 90deg in oklch, oklch(31.89% 0.0730 253.12) 0.0%, oklch(33.36% 0.0728 248.29) 3.2%, oklch(35.41% 0.0725 241.39) 6.5%, oklch(37.82% 0.0721 233.42) 9.7%, oklch(40.40% 0.0714 225.37) 12.9%, oklch(42.91% 0.0705 218.23) 16.1%, oklch(45.32% 0.0694 212.73) 19.4%, oklch(47.83% 0.0684 208.36) 22.6%, oklch(50.40% 0.0671 204.26) 25.8%, oklch(52.96% 0.0651 199.54) 29.0%, oklch(55.48% 0.0620 193.33) 32.3%, oklch(57.95% 0.0569 185.14) 35.5%, oklch(60.46% 0.0492 175.75) 38.7%, oklch(62.95% 0.0404 165.22) 41.9%, oklch(65.33% 0.0323 153.51) 45.2%, oklch(67.51% 0.0264 140.62) 48.4%, oklch(69.45% 0.0243 126.15) 51.6%, oklch(71.29% 0.0258 108.68) 54.8%, oklch(72.98% 0.0296 89.61) 58.1%, oklch(74.41% 0.0342 70.79) 61.3%, oklch(75.50% 0.0382 54.04) 64.5%, oklch(76.15% 0.0405 41.21) 67.7%, oklch(76.41% 0.0413 32.83) 71.0%, oklch(76.31% 0.0416 27.20) 74.2%, oklch(75.89% 0.0416 22.35) 77.4%, oklch(75.19% 0.0419 16.33) 80.6%, oklch(74.23% 0.0430 7.19) 83.9%, oklch(72.69% 0.0449 353.61) 87.1%, oklch(70.68% 0.0473 337.33) 90.3%, oklch(68.54% 0.0499 320.72) 93.5%, oklch(66.65% 0.0522 306.18) 96.8%, oklch(65.35% 0.0537 296.10) 100.0%);

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

Gradient cầu vồng tông trầ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