Be, hồng và tím tông ấm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 225°: #f3e1a4, #eec59c, #e09c9e, #c6839e, #a17294. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f3e1a4
#f2dfa3
#f2dca2
#f1d9a1
#f0d69f
#efd29d
#efce9c
#eeca9b
#eec59c
#edc09c
#ecbb9e
#eab69f
#e8b2a0
#e6ada0
#e4a79f
#e2a29f
#e09c9e
#dd979e
#da929e
#d68e9f
#d28b9f
#cf889f
#ca859f
#c6839e
#c2809d
#be7e9c
#b97c9b
#b3799a
#ad7798
#a87596
#a47395
#a17294

CSS

background: linear-gradient(225deg in oklch, oklch(90.94% 0.0799 93.52) 0.0%, oklch(90.51% 0.0793 92.13) 3.2%, oklch(89.94% 0.0786 90.47) 6.5%, oklch(89.25% 0.0776 88.40) 9.7%, oklch(88.47% 0.0766 85.81) 12.9%, oklch(87.64% 0.0756 82.57) 16.1%, oklch(86.79% 0.0746 78.57) 19.4%, oklch(85.91% 0.0735 73.51) 22.6%, oklch(84.96% 0.0720 67.24) 25.8%, oklch(83.97% 0.0705 60.18) 29.0%, oklch(82.93% 0.0691 52.80) 32.3%, oklch(81.86% 0.0684 45.54) 35.5%, oklch(80.76% 0.0685 38.86) 38.7%, oklch(79.63% 0.0700 33.01) 41.9%, oklch(78.43% 0.0729 27.43) 45.2%, oklch(77.18% 0.0768 22.10) 48.4%, oklch(75.92% 0.0811 17.07) 51.6%, oklch(74.68% 0.0852 12.40) 54.8%, oklch(73.50% 0.0883 8.14) 58.1%, oklch(72.41% 0.0901 4.36) 61.3%, oklch(71.39% 0.0910 1.16) 64.5%, oklch(70.43% 0.0911 358.45) 67.7%, oklch(69.51% 0.0908 356.07) 71.0%, oklch(68.60% 0.0901 353.88) 74.2%, oklch(67.68% 0.0891 351.74) 77.4%, oklch(66.74% 0.0879 349.49) 80.6%, oklch(65.70% 0.0863 347.11) 83.9%, oklch(64.59% 0.0841 344.71) 87.1%, oklch(63.50% 0.0817 342.40) 90.3%, oklch(62.49% 0.0793 340.31) 93.5%, oklch(61.64% 0.0772 338.56) 96.8%, oklch(61.02% 0.0758 337.27) 100.0%);

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

Gradient nhiều màu dịu Gradient hình nền máy tí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