Nâu vàng sang tím (hai tông) (gradient hình nón)

Gradient hình nón, 32 màu, góc 90°: #c6b48c, #bb8b4e, #9c5627, #793531, #552c61. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c6b48c
#c5b187
#c4ad80
#c3a979
#c2a370
#c09d67
#bf975e
#bd9155
#bb8b4e
#b88447
#b47e41
#b1773a
#ad7034
#a8692f
#a4632b
#a05c28
#9c5627
#975126
#924b27
#8c4628
#874229
#823d2b
#7d392e
#793531
#753236
#712f3c
#6d2d43
#692b4b
#632b53
#5e2b59
#592c5e
#552c61

CSS

background: conic-gradient(from 90deg in oklch, oklch(77.56% 0.0579 86.48) 0.0%, oklch(76.76% 0.0611 85.32) 3.2%, oklch(75.73% 0.0657 83.80) 6.5%, oklch(74.50% 0.0711 81.98) 9.7%, oklch(73.12% 0.0771 79.95) 12.9%, oklch(71.63% 0.0830 77.77) 16.1%, oklch(70.08% 0.0887 75.54) 19.4%, oklch(68.50% 0.0935 73.31) 22.6%, oklch(66.93% 0.0973 71.16) 25.8%, oklch(65.28% 0.1004 69.10) 29.0%, oklch(63.52% 0.1031 67.05) 32.3%, oklch(61.69% 0.1055 64.97) 35.5%, oklch(59.83% 0.1074 62.80) 38.7%, oklch(57.97% 0.1088 60.49) 41.9%, oklch(56.14% 0.1098 57.98) 45.2%, oklch(54.38% 0.1102 55.22) 48.4%, oklch(52.71% 0.1100 52.22) 51.6%, oklch(51.03% 0.1088 49.29) 54.8%, oklch(49.34% 0.1068 46.34) 58.1%, oklch(47.68% 0.1043 43.22) 61.3%, oklch(46.08% 0.1015 39.75) 64.5%, oklch(44.58% 0.0989 35.78) 67.7%, oklch(43.21% 0.0967 31.13) 71.0%, oklch(42.01% 0.0953 25.66) 74.2%, oklch(40.98% 0.0947 18.87) 77.4%, oklch(40.09% 0.0948 10.29) 80.6%, oklch(39.34% 0.0953 0.54) 83.9%, oklch(38.70% 0.0961 350.28) 87.1%, oklch(38.17% 0.0970 340.19) 90.3%, oklch(37.72% 0.0980 330.93) 93.5%, oklch(37.33% 0.0987 323.16) 96.8%, oklch(37.01% 0.0992 317.56) 100.0%);

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

Gradient vintage

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