Xanh dương, xám và be (bổ túc) (gradient hình nón)

Gradient hình nón, 48 màu, góc 30°: #3f6595, #659bba, #c0c7c7, #dadbd7, #fae3b0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3f6595
#406797
#426b9a
#446f9d
#4673a1
#4978a4
#4c7da8
#4f82ac
#5387b0
#578db3
#5b92b6
#6097b9
#659bba
#6ca0bc
#73a4bd
#7ba8be
#84acbf
#8cb0c0
#95b4c0
#9eb8c1
#a6bbc2
#aebec3
#b5c1c4
#bbc4c5
#c0c7c7
#c5c9c9
#c9cbcb
#cccdcd
#cfcfcf
#d1d1d1
#d3d3d3
#d4d4d4
#d6d6d6
#d7d7d7
#d8d9d7
#dadbd7
#dcdcd6
#ddded5
#e0dfd2
#e2e0cf
#e5e1cb
#e8e2c6
#ece2c2
#efe2bd
#f2e3b9
#f5e3b5
#f8e3b2
#fae3b0

CSS

background: conic-gradient(from 30deg in oklch, oklch(50.00% 0.0896 255.23) 0.0%, oklch(50.80% 0.0890 254.27) 2.1%, oklch(51.81% 0.0885 253.11) 4.3%, oklch(52.99% 0.0880 251.76) 6.4%, oklch(54.31% 0.0875 250.25) 8.5%, oklch(55.76% 0.0868 248.59) 10.6%, oklch(57.28% 0.0860 246.82) 12.8%, oklch(58.86% 0.0849 244.93) 14.9%, oklch(60.46% 0.0835 242.96) 17.0%, oklch(62.05% 0.0818 240.93) 19.1%, oklch(63.61% 0.0796 238.85) 21.3%, oklch(65.09% 0.0768 236.74) 23.4%, oklch(66.48% 0.0735 234.64) 25.5%, oklch(67.88% 0.0692 232.72) 27.7%, oklch(69.31% 0.0640 230.98) 29.8%, oklch(70.77% 0.0581 229.33) 31.9%, oklch(72.23% 0.0516 227.67) 34.0%, oklch(73.68% 0.0448 225.91) 36.2%, oklch(75.11% 0.0380 223.96) 38.3%, oklch(76.51% 0.0313 221.72) 40.4%, oklch(77.85% 0.0249 219.10) 42.6%, oklch(79.12% 0.0191 216.00) 44.7%, oklch(80.30% 0.0140 212.34) 46.8%, oklch(81.39% 0.0099 208.01) 48.9%, oklch(82.36% 0.0069 202.87) 51.1%, oklch(83.24% 0.0044 196.60) 53.2%, oklch(84.04% 0.0023 189.35) 55.3%, oklch(84.76% 0.0007 181.35) 57.4%, oklch(85.41% 0.0000 89.88) 59.6%, oklch(86.01% 0.0000 89.88) 61.7%, oklch(86.56% 0.0000 89.88) 63.8%, oklch(87.06% 0.0000 89.88) 66.0%, oklch(87.54% 0.0000 89.88) 68.1%, oklch(87.99% 0.0009 130.07) 70.2%, oklch(88.43% 0.0026 123.04) 72.3%, oklch(88.87% 0.0049 117.05) 74.5%, oklch(89.29% 0.0079 112.11) 76.6%, oklch(89.69% 0.0121 107.81) 78.7%, oklch(90.05% 0.0174 104.06) 80.9%, oklch(90.38% 0.0234 100.82) 83.0%, oklch(90.69% 0.0300 98.02) 85.1%, oklch(90.96% 0.0369 95.61) 87.2%, oklch(91.21% 0.0438 93.53) 89.4%, oklch(91.44% 0.0504 91.73) 91.5%, oklch(91.64% 0.0567 90.15) 93.6%, oklch(91.82% 0.0622 88.73) 95.7%, oklch(91.98% 0.0668 87.42) 97.9%, oklch(92.13% 0.0703 86.15) 100.0%);

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

Gradient bình minh

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