Xanh hải quân, nâu và nâu vàng (gradient hình nón)

Gradient hình nón, 80 màu, góc 315°: #354b62, #6b4a35, #b98c3d, #eee5cb, #7a2633. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#354b62
#374b62
#3a4a63
#3d4963
#414863
#454763
#494561
#4d4460
#51425d
#55415a
#584056
#5c4052
#5e3f4e
#613f49
#634045
#644141
#66423e
#67443b
#684538
#694736
#6b4a35
#6c4c34
#6f4e33
#715132
#745431
#785730
#7b5a2f
#7f5d2e
#84602e
#88632d
#8d662c
#926a2c
#976d2c
#9b712c
#a0742d
#a5782e
#aa7c30
#ae7f32
#b28335
#b68839
#b98c3d
#bc9143
#bf974b
#c39d53
#c7a45c
#caab66
#ceb271
#d2b97b
#d6c086
#dac691
#decd9b
#e1d2a5
#e5d8ae
#e8dcb6
#ebe0bd
#ede3c3
#eee6c8
#efe7cb
#efe6cc
#eee5cb
#ede2c8
#eadec3
#e6d7bc
#e1d0b3
#dcc7a9
#d6bd9e
#d0b292
#caa687
#c39a7b
#bc8d6f
#b58164
#ae745b
#a76752
#9f5b4a
#985044
#91453f
#8a3c3a
#843337
#7f2c35
#7a2633

CSS

background: conic-gradient(from 315deg in oklch, oklch(40.55% 0.0469 248.20) 0.0%, oklch(40.62% 0.0470 252.93) 1.3%, oklch(40.65% 0.0471 258.72) 2.5%, oklch(40.67% 0.0472 265.48) 3.8%, oklch(40.67% 0.0472 273.08) 5.1%, oklch(40.66% 0.0472 281.39) 6.3%, oklch(40.66% 0.0472 290.32) 7.6%, oklch(40.65% 0.0473 299.73) 8.9%, oklch(40.66% 0.0473 309.51) 10.1%, oklch(40.68% 0.0474 319.55) 11.4%, oklch(40.73% 0.0476 329.73) 12.7%, oklch(40.81% 0.0478 339.92) 13.9%, oklch(40.92% 0.0481 350.01) 15.2%, oklch(41.07% 0.0485 359.89) 16.5%, oklch(41.28% 0.0490 9.44) 17.7%, oklch(41.54% 0.0497 18.54) 19.0%, oklch(41.85% 0.0505 27.07) 20.3%, oklch(42.24% 0.0515 34.91) 21.5%, oklch(42.70% 0.0526 41.96) 22.8%, oklch(43.24% 0.0540 48.08) 24.1%, oklch(43.87% 0.0555 53.18) 25.3%, oklch(44.58% 0.0575 57.51) 26.6%, oklch(45.37% 0.0600 61.24) 27.8%, oklch(46.25% 0.0630 64.40) 29.1%, oklch(47.19% 0.0662 67.06) 30.4%, oklch(48.19% 0.0698 69.25) 31.6%, oklch(49.25% 0.0735 71.02) 32.9%, oklch(50.37% 0.0774 72.43) 34.2%, oklch(51.53% 0.0814 73.52) 35.4%, oklch(52.73% 0.0854 74.33) 36.7%, oklch(53.96% 0.0893 74.92) 38.0%, oklch(55.22% 0.0931 75.33) 39.2%, oklch(56.50% 0.0967 75.61) 40.5%, oklch(57.79% 0.1000 75.81) 41.8%, oklch(59.10% 0.1030 75.98) 43.0%, oklch(60.40% 0.1055 76.16) 44.3%, oklch(61.70% 0.1076 76.40) 45.6%, oklch(63.00% 0.1092 76.75) 46.8%, oklch(64.27% 0.1101 77.26) 48.1%, oklch(65.52% 0.1104 77.97) 49.4%, oklch(66.78% 0.1099 78.92) 50.6%, oklch(68.21% 0.1084 80.01) 51.9%, oklch(69.81% 0.1060 81.21) 53.2%, oklch(71.54% 0.1028 82.49) 54.4%, oklch(73.38% 0.0990 83.81) 55.7%, oklch(75.30% 0.0945 85.15) 57.0%, oklch(77.26% 0.0897 86.49) 58.2%, oklch(79.24% 0.0845 87.79) 59.5%, oklch(81.19% 0.0790 89.03) 60.8%, oklch(83.09% 0.0735 90.17) 62.0%, oklch(84.91% 0.0679 91.20) 63.3%, oklch(86.61% 0.0625 92.07) 64.6%, oklch(88.17% 0.0572 92.78) 65.8%, oklch(89.54% 0.0523 93.28) 67.1%, oklch(90.71% 0.0478 93.54) 68.4%, oklch(91.64% 0.0439 93.55) 69.6%, oklch(92.29% 0.0406 93.27) 70.9%, oklch(92.63% 0.0381 92.68) 72.2%, oklch(92.64% 0.0365 91.74) 73.4%, oklch(92.28% 0.0358 90.43) 74.7%, oklch(91.49% 0.0362 88.66) 75.9%, oklch(90.20% 0.0376 86.31) 77.2%, oklch(88.48% 0.0398 83.44) 78.5%, oklch(86.36% 0.0427 80.10) 79.7%, oklch(83.89% 0.0464 76.36) 81.0%, oklch(81.14% 0.0505 72.28) 82.3%, oklch(78.14% 0.0552 67.93) 83.5%, oklch(74.95% 0.0603 63.37) 84.8%, oklch(71.62% 0.0656 58.66) 86.1%, oklch(68.20% 0.0711 53.86) 87.3%, oklch(64.74% 0.0768 49.04) 88.6%, oklch(61.29% 0.0824 44.26) 89.9%, oklch(57.90% 0.0880 39.58) 91.1%, oklch(54.62% 0.0934 35.07) 92.4%, oklch(51.51% 0.0986 30.78) 93.7%, oklch(48.61% 0.1033 26.79) 94.9%, oklch(45.98% 0.1077 23.16) 96.2%, oklch(43.65% 0.1115 19.94) 97.5%, oklch(41.70% 0.1147 17.21) 98.7%, oklch(40.16% 0.1171 15.01) 100.0%);

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

Hoài niệm thẻ thư viện

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