Đen và xanh cổ vịt liền mạch (gradient hình nón)

Gradient hình nón, 48 màu, góc 45°: #102a2a, #1a6560, #6eb5a3, #7bae9f, #102a2a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#102a2a
#112c2c
#11302f
#123333
#133837
#133c3b
#144140
#144745
#154c4a
#165250
#175855
#185f5b
#1a6560
#1d6b65
#21716a
#25766f
#2a7c73
#308178
#37887e
#408f83
#49978a
#529f90
#5ca696
#65ae9d
#6eb5a3
#76bba8
#7ec1ad
#85c6b1
#8ac9b4
#8ecbb6
#90ccb7
#90cab6
#8ec7b3
#89c1af
#83b8a8
#7bae9f
#71a396
#67968b
#5c8980
#517c74
#466e68
#3c615d
#325551
#294947
#213f3e
#1a3635
#142f2f
#102a2a

CSS

background: conic-gradient(from 45deg in oklch, oklch(26.38% 0.0317 195.47) 0.0%, oklch(27.32% 0.0335 195.14) 2.1%, oklch(28.46% 0.0358 194.75) 4.3%, oklch(29.78% 0.0386 194.32) 6.4%, oklch(31.25% 0.0418 193.84) 8.5%, oklch(32.85% 0.0452 193.32) 10.6%, oklch(34.56% 0.0489 192.76) 12.8%, oklch(36.36% 0.0527 192.16) 14.9%, oklch(38.23% 0.0565 191.53) 17.0%, oklch(40.16% 0.0603 190.87) 19.1%, oklch(42.11% 0.0640 190.18) 21.3%, oklch(44.08% 0.0675 189.48) 23.4%, oklch(46.03% 0.0707 188.75) 25.5%, oklch(47.95% 0.0735 188.00) 27.7%, oklch(49.82% 0.0758 187.24) 29.8%, oklch(51.61% 0.0777 186.47) 31.9%, oklch(53.33% 0.0789 185.69) 34.0%, oklch(55.26% 0.0797 184.76) 36.2%, oklch(57.43% 0.0801 183.67) 38.3%, oklch(59.78% 0.0802 182.46) 40.4%, oklch(62.24% 0.0800 181.17) 42.6%, oklch(64.76% 0.0796 179.82) 44.7%, oklch(67.27% 0.0789 178.45) 46.8%, oklch(69.71% 0.0779 177.10) 48.9%, oklch(72.03% 0.0769 175.81) 51.1%, oklch(74.15% 0.0756 174.60) 53.2%, oklch(76.01% 0.0743 173.51) 55.3%, oklch(77.56% 0.0728 172.57) 57.4%, oklch(78.74% 0.0713 171.83) 59.6%, oklch(79.47% 0.0697 171.31) 61.7%, oklch(79.71% 0.0682 171.05) 63.8%, oklch(79.38% 0.0666 171.08) 66.0%, oklch(78.39% 0.0651 171.46) 68.1%, oklch(76.62% 0.0632 172.21) 70.2%, oklch(74.16% 0.0612 173.30) 72.3%, oklch(71.11% 0.0589 174.68) 74.5%, oklch(67.59% 0.0564 176.29) 76.6%, oklch(63.68% 0.0539 178.09) 78.7%, oklch(59.50% 0.0512 180.02) 80.9%, oklch(55.14% 0.0486 182.05) 83.0%, oklch(50.71% 0.0459 184.11) 85.1%, oklch(46.32% 0.0434 186.16) 87.2%, oklch(42.06% 0.0409 188.15) 89.4%, oklch(38.03% 0.0386 190.03) 91.5%, oklch(34.35% 0.0365 191.76) 93.6%, oklch(31.11% 0.0346 193.27) 95.7%, oklch(28.42% 0.0330 194.52) 97.9%, oklch(26.38% 0.0317 195.47) 100.0%);

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

Gradient hình nền máy tính

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