Be, cam và nâu (tương đồng) (gradient hình nón)

Gradient hình nón, 32 màu, góc 135°: #fdf1db, #efc176, #d38141, #984f40, #422729. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fdf1db
#fbedd3
#fae9ca
#f9e4be
#f7deb1
#f6d7a3
#f4d094
#f2c985
#efc176
#edb969
#eab15d
#e7aa54
#e4a24d
#e19a47
#dd9144
#d88942
#d38141
#cd7942
#c67242
#bf6a43
#b76343
#ae5d42
#a35641
#984f40
#8b493e
#7e423c
#713c39
#653735
#5a3232
#502e2e
#482a2b
#422729

CSS

background: conic-gradient(from 135deg in oklch, oklch(96.06% 0.0317 82.97) 0.0%, oklch(95.11% 0.0373 82.60) 3.2%, oklch(93.92% 0.0451 82.26) 6.5%, oklch(92.53% 0.0544 81.92) 9.7%, oklch(90.96% 0.0648 81.52) 12.9%, oklch(89.25% 0.0758 81.02) 16.1%, oklch(87.43% 0.0869 80.36) 19.4%, oklch(85.54% 0.0974 79.50) 22.6%, oklch(83.61% 0.1070 78.38) 25.8%, oklch(81.67% 0.1151 76.96) 29.0%, oklch(79.76% 0.1212 75.19) 32.3%, oklch(77.88% 0.1250 72.99) 35.5%, oklch(75.97% 0.1277 70.27) 38.7%, oklch(74.01% 0.1292 67.13) 41.9%, oklch(72.01% 0.1297 63.66) 45.2%, oklch(69.96% 0.1293 59.97) 48.4%, oklch(67.87% 0.1281 56.15) 51.6%, oklch(65.73% 0.1262 52.31) 54.8%, oklch(63.55% 0.1237 48.54) 58.1%, oklch(61.31% 0.1205 44.96) 61.3%, oklch(59.03% 0.1170 41.64) 64.5%, oklch(56.68% 0.1129 38.69) 67.7%, oklch(54.08% 0.1075 35.81) 71.0%, oklch(51.25% 0.1006 32.96) 74.2%, oklch(48.28% 0.0926 30.16) 77.4%, oklch(45.25% 0.0840 27.46) 80.6%, oklch(42.25% 0.0752 24.89) 83.9%, oklch(39.36% 0.0664 22.49) 87.1%, oklch(36.68% 0.0581 20.30) 90.3%, oklch(34.28% 0.0507 18.35) 93.5%, oklch(32.26% 0.0445 16.68) 96.8%, oklch(30.71% 0.0400 15.34) 100.0%);

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

Conic gradients Bảng màu phối hương

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