Nâu và hồng đào (tương đồng) (gradient hình nón)

Gradient hình nón, 32 màu, góc 225°: #4e363c, #935853, #e29e7c, #e7b48b, #714846. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4e363c
#53383f
#593b41
#613f45
#6a4448
#74484b
#7d4d4e
#885251
#935853
#9f5e56
#aa6659
#b46d5d
#be7562
#c87e68
#d2886e
#da9274
#e29e7c
#ebae87
#f3bf95
#f8cea3
#fbd6ac
#f9d5ab
#f2c89e
#e7b48b
#d99d77
#cb8667
#bc765d
#ac6957
#9b5e52
#8a554e
#7b4e49
#714846

CSS

background: conic-gradient(from 225deg in oklch, oklch(36.22% 0.0358 1.41) 0.0%, oklch(37.40% 0.0390 3.32) 3.2%, oklch(39.01% 0.0433 6.01) 6.5%, oklch(40.95% 0.0485 9.17) 9.7%, oklch(43.08% 0.0541 12.50) 12.9%, oklch(45.30% 0.0597 15.70) 16.1%, oklch(47.59% 0.0657 18.73) 19.4%, oklch(50.06% 0.0725 21.88) 22.6%, oklch(52.68% 0.0795 25.05) 25.8%, oklch(55.39% 0.0859 28.16) 29.0%, oklch(58.14% 0.0910 31.12) 32.3%, oklch(60.90% 0.0944 33.74) 35.5%, oklch(63.74% 0.0969 35.89) 38.7%, oklch(66.63% 0.0983 37.90) 41.9%, oklch(69.57% 0.0985 40.14) 45.2%, oklch(72.53% 0.0975 42.98) 48.4%, oklch(75.68% 0.0947 46.99) 51.6%, oklch(79.77% 0.0887 53.11) 54.8%, oklch(84.08% 0.0811 60.08) 58.1%, oklch(87.72% 0.0737 66.37) 61.3%, oklch(89.75% 0.0687 70.44) 64.5%, oklch(89.27% 0.0679 70.76) 67.7%, oklch(85.94% 0.0726 66.96) 71.0%, oklch(80.66% 0.0805 60.42) 74.2%, oklch(74.47% 0.0889 52.68) 77.4%, oklch(68.39% 0.0951 45.29) 80.6%, oklch(63.45% 0.0962 39.74) 83.9%, oklch(59.01% 0.0913 35.42) 87.1%, oklch(54.65% 0.0825 31.58) 90.3%, oklch(50.66% 0.0722 28.28) 93.5%, oklch(47.31% 0.0628 25.60) 96.8%, oklch(44.88% 0.0565 23.60) 100.0%);

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

Gradient kính

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