Be, hồng và nâu (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #ffe7cb, #f2a386, #cb666d, #864452, #47201c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffe7cb
#ffe2c3
#ffdbb8
#ffd2ac
#fec9a2
#fbbf99
#f8b592
#f5ac8c
#f2a386
#ee9b82
#eb937e
#e88b7a
#e48277
#df7b75
#da7372
#d36c70
#cb666d
#c2606b
#b95b68
#ae5665
#a45261
#994d5d
#904958
#864452
#7e404b
#743a43
#6b353b
#623033
#5a2b2b
#522725
#4c231f
#47201c

CSS

background: linear-gradient(135deg in oklch, oklch(94.09% 0.0449 71.73) 0.0%, oklch(92.90% 0.0520 69.32) 3.2%, oklch(91.30% 0.0610 66.06) 6.5%, oklch(89.39% 0.0711 62.18) 9.7%, oklch(87.28% 0.0796 57.89) 12.9%, oklch(85.05% 0.0856 53.44) 16.1%, oklch(82.81% 0.0915 49.04) 19.4%, oklch(80.64% 0.0970 44.91) 22.6%, oklch(78.65% 0.1017 41.26) 25.8%, oklch(76.75% 0.1066 37.75) 29.0%, oklch(74.86% 0.1119 34.24) 32.3%, oklch(72.98% 0.1170 30.81) 35.5%, oklch(71.09% 0.1218 27.50) 38.7%, oklch(69.17% 0.1257 24.38) 41.9%, oklch(67.22% 0.1284 21.52) 45.2%, oklch(65.21% 0.1296 18.96) 48.4%, oklch(63.12% 0.1289 16.74) 51.6%, oklch(60.96% 0.1260 14.61) 54.8%, oklch(58.75% 0.1213 12.62) 58.1%, oklch(56.49% 0.1155 10.87) 61.3%, oklch(54.21% 0.1091 9.45) 64.5%, oklch(51.92% 0.1024 8.47) 67.7%, oklch(49.65% 0.0961 8.01) 71.0%, oklch(47.40% 0.0907 8.17) 74.2%, oklch(45.12% 0.0862 9.17) 77.4%, oklch(42.67% 0.0817 11.24) 80.6%, oklch(40.13% 0.0773 14.07) 83.9%, oklch(37.61% 0.0731 17.34) 87.1%, oklch(35.23% 0.0692 20.72) 90.3%, oklch(33.08% 0.0658 23.91) 93.5%, oklch(31.27% 0.0629 26.57) 96.8%, oklch(29.92% 0.0606 28.39) 100.0%);

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

Gradient hoàng hôn Gradient mùa thu Gradient giờ và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