Amber Grain

Analogous brown and orange color palette

Linear gradient, 64 colors at 135°: #2e2112, #be9038, #ad6f30, #693c1e, #7d5925. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#2e2112
#322413
#382815
#3e2d17
#463319
#4e391c
#57401e
#614721
#6b4f24
#765727
#81602a
#8c682d
#97712f
#a17932
#ab8234
#b58936
#be9038
#c6973a
#cd9c3b
#d2a03c
#d7a33d
#daa43d
#dba43d
#dba33d
#daa03c
#d79c3b
#d39739
#cf9238
#c98c37
#c38535
#bc7e34
#b57732
#ad6f30
#a5682e
#9d612d
#955b2b
#8d5429
#864f27
#7f4a25
#794524
#744222
#703f21
#6d3d20
#6b3c1f
#6a3b1f
#693b1e
#693b1e
#693c1e
#6a3d1e
#6a3e1e
#6c401e
#6d421f
#6e441f
#70461f
#724820
#734b21
#754d21
#774f22
#785222
#795423
#7b5624
#7c5724
#7c5825
#7d5925

CSS

background: linear-gradient(135deg in oklch, oklch(25.98% 0.0331 71.02) 0.0%, oklch(27.35% 0.0358 71.31) 1.6%, oklch(29.09% 0.0393 71.72) 3.2%, oklch(31.16% 0.0434 72.23) 4.8%, oklch(33.51% 0.0480 72.82) 6.3%, oklch(36.09% 0.0531 73.49) 7.9%, oklch(38.88% 0.0586 74.21) 9.5%, oklch(41.82% 0.0644 74.97) 11.1%, oklch(44.87% 0.0704 75.75) 12.7%, oklch(47.99% 0.0766 76.53) 14.3%, oklch(51.14% 0.0828 77.31) 15.9%, oklch(54.27% 0.0890 78.06) 17.5%, oklch(57.34% 0.0952 78.76) 19.0%, oklch(60.30% 0.1011 79.41) 20.6%, oklch(63.12% 0.1068 79.98) 22.2%, oklch(65.76% 0.1121 80.46) 23.8%, oklch(68.16% 0.1170 80.83) 25.4%, oklch(70.28% 0.1214 81.08) 27.0%, oklch(72.10% 0.1252 81.19) 28.6%, oklch(73.55% 0.1283 81.15) 30.2%, oklch(74.59% 0.1307 80.93) 31.7%, oklch(75.20% 0.1323 80.53) 33.3%, oklch(75.33% 0.1330 79.87) 34.9%, oklch(75.04% 0.1330 78.95) 36.5%, oklch(74.35% 0.1323 77.78) 38.1%, oklch(73.32% 0.1310 76.39) 39.7%, oklch(71.97% 0.1291 74.82) 41.3%, oklch(70.36% 0.1268 73.10) 42.9%, oklch(68.52% 0.1240 71.25) 44.4%, oklch(66.49% 0.1209 69.31) 46.0%, oklch(64.31% 0.1176 67.32) 47.6%, oklch(62.02% 0.1140 65.29) 49.2%, oklch(59.67% 0.1103 63.27) 50.8%, oklch(57.29% 0.1065 61.28) 52.4%, oklch(54.92% 0.1027 59.35) 54.0%, oklch(52.61% 0.0989 57.51) 55.6%, oklch(50.39% 0.0953 55.80) 57.1%, oklch(48.31% 0.0919 54.25) 58.7%, oklch(46.40% 0.0887 52.88) 60.3%, oklch(44.71% 0.0858 51.73) 61.9%, oklch(43.28% 0.0834 50.82) 63.5%, oklch(42.14% 0.0814 50.20) 65.1%, oklch(41.34% 0.0799 49.88) 66.7%, oklch(40.82% 0.0789 49.88) 68.3%, oklch(40.49% 0.0780 50.15) 69.8%, oklch(40.34% 0.0774 50.68) 71.4%, oklch(40.35% 0.0770 51.44) 73.0%, oklch(40.50% 0.0768 52.39) 74.6%, oklch(40.78% 0.0768 53.53) 76.2%, oklch(41.16% 0.0769 54.81) 77.8%, oklch(41.65% 0.0771 56.22) 79.4%, oklch(42.21% 0.0774 57.73) 81.0%, oklch(42.83% 0.0778 59.31) 82.5%, oklch(43.50% 0.0783 60.94) 84.1%, oklch(44.20% 0.0788 62.59) 85.7%, oklch(44.91% 0.0794 64.23) 87.3%, oklch(45.63% 0.0799 65.85) 88.9%, oklch(46.32% 0.0805 67.41) 90.5%, oklch(46.98% 0.0810 68.89) 92.1%, oklch(47.59% 0.0815 70.27) 93.7%, oklch(48.14% 0.0819 71.51) 95.2%, oklch(48.60% 0.0823 72.59) 96.8%, oklch(48.96% 0.0825 73.49) 98.4%, oklch(49.21% 0.0827 74.19) 100.0%);

In these collections

Amber beer hall