Nâu vàng sang nâu (đơn sắc) (gradient hình nón)

Gradient hình nón, 48 màu, góc 240°: #e2bf75, #c49046, #965e27, #5d3315, #1e0d05. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e2bf75
#e0bd73
#deba70
#ddb76d
#dab369
#d8b065
#d6ac61
#d3a75d
#d0a358
#cd9e54
#ca9a4f
#c7954b
#c49046
#c08c42
#bd873e
#b9833b
#b67f38
#b27a35
#ae7633
#ab7230
#a76e2e
#a36a2c
#9e662a
#9a6228
#965e27
#915a25
#8d5624
#885222
#834e21
#7e4a1f
#79471d
#74431c
#6f3f1a
#693b19
#633717
#5d3315
#572f13
#502b12
#4a2710
#43230e
#3d1f0d
#371c0b
#321809
#2d1508
#281307
#241006
#210e05
#1e0d05

CSS

background: conic-gradient(from 240deg in oklch, oklch(81.89% 0.1006 85.08) 0.0%, oklch(81.26% 0.1010 84.55) 2.1%, oklch(80.51% 0.1016 83.91) 4.3%, oklch(79.66% 0.1023 83.17) 6.4%, oklch(78.71% 0.1032 82.35) 8.5%, oklch(77.67% 0.1041 81.45) 10.6%, oklch(76.56% 0.1051 80.49) 12.8%, oklch(75.38% 0.1061 79.48) 14.9%, oklch(74.15% 0.1071 78.43) 17.0%, oklch(72.88% 0.1080 77.35) 19.1%, oklch(71.58% 0.1089 76.25) 21.3%, oklch(70.26% 0.1096 75.15) 23.4%, oklch(68.93% 0.1101 74.06) 25.5%, oklch(67.61% 0.1105 72.98) 27.7%, oklch(66.30% 0.1106 71.93) 29.8%, oklch(65.01% 0.1105 70.93) 31.9%, oklch(63.76% 0.1101 69.97) 34.0%, oklch(62.50% 0.1094 69.00) 36.2%, oklch(61.23% 0.1086 68.01) 38.3%, oklch(59.95% 0.1077 67.00) 40.4%, oklch(58.65% 0.1066 65.99) 42.6%, oklch(57.33% 0.1053 64.96) 44.7%, oklch(56.01% 0.1040 63.94) 46.8%, oklch(54.66% 0.1024 62.93) 48.9%, oklch(53.31% 0.1008 61.92) 51.1%, oklch(51.93% 0.0990 60.94) 53.2%, oklch(50.55% 0.0971 59.98) 55.3%, oklch(49.15% 0.0951 59.05) 57.4%, oklch(47.73% 0.0931 58.15) 59.6%, oklch(46.30% 0.0909 57.29) 61.7%, oklch(44.86% 0.0886 56.48) 63.8%, oklch(43.40% 0.0862 55.73) 66.0%, oklch(41.91% 0.0837 55.02) 68.1%, oklch(40.30% 0.0809 54.35) 70.2%, oklch(38.60% 0.0777 53.71) 72.3%, oklch(36.83% 0.0742 53.09) 74.5%, oklch(35.01% 0.0706 52.51) 76.6%, oklch(33.17% 0.0668 51.96) 78.7%, oklch(31.32% 0.0629 51.44) 80.9%, oklch(29.49% 0.0590 50.94) 83.0%, oklch(27.69% 0.0552 50.48) 85.1%, oklch(25.96% 0.0514 50.05) 87.2%, oklch(24.31% 0.0479 49.65) 89.4%, oklch(22.77% 0.0445 49.28) 91.5%, oklch(21.36% 0.0414 48.94) 93.6%, oklch(20.10% 0.0387 48.62) 95.7%, oklch(19.01% 0.0363 48.34) 97.9%, oklch(18.11% 0.0344 48.09) 100.0%);

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

Gradient 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