Xám, hồng và tím (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #edf3f8, #f6d3db, #e6a6be, #c980a2, #8f5e8b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#edf3f8
#ecf1f9
#ebeef9
#ecebf9
#eee6f6
#f1e1f1
#f4dceb
#f6d8e3
#f6d3db
#f6ced5
#f5c9d0
#f4c3cc
#f2bdc9
#f0b7c6
#edb1c4
#e9abc2
#e6a6be
#e3a0ba
#df9ab6
#dc95b2
#d88fae
#d38aaa
#ce85a6
#c980a2
#c37b9f
#bb769c
#b37199
#aa6c96
#a26893
#9a6490
#94618d
#8f5e8b

CSS

background: linear-gradient(45deg in oklch, oklch(96.06% 0.0096 250.31) 0.0%, oklch(95.62% 0.0120 259.95) 3.2%, oklch(95.07% 0.0151 273.71) 6.5%, oklch(94.41% 0.0187 290.15) 9.7%, oklch(93.65% 0.0228 307.82) 12.9%, oklch(92.81% 0.0273 325.26) 16.1%, oklch(91.90% 0.0319 341.02) 19.4%, oklch(90.92% 0.0365 353.66) 22.6%, oklch(89.89% 0.0411 1.78) 25.8%, oklch(88.77% 0.0461 5.90) 29.0%, oklch(87.55% 0.0514 7.10) 32.3%, oklch(86.25% 0.0570 6.14) 35.5%, oklch(84.89% 0.0626 3.76) 38.7%, oklch(83.49% 0.0681 0.70) 41.9%, oklch(82.07% 0.0733 357.69) 45.2%, oklch(80.63% 0.0779 355.50) 48.4%, oklch(79.21% 0.0819 354.62) 51.6%, oklch(77.75% 0.0856 354.13) 54.8%, oklch(76.27% 0.0891 353.75) 58.1%, oklch(74.76% 0.0923 353.37) 61.3%, oklch(73.23% 0.0951 352.91) 64.5%, oklch(71.67% 0.0975 352.26) 67.7%, oklch(70.10% 0.0993 351.34) 71.0%, oklch(68.51% 0.1004 350.04) 74.2%, oklch(66.84% 0.1007 348.20) 77.4%, oklch(65.00% 0.1000 345.72) 80.6%, oklch(63.06% 0.0986 342.80) 83.9%, oklch(61.11% 0.0966 339.67) 87.1%, oklch(59.26% 0.0945 336.56) 90.3%, oklch(57.58% 0.0924 333.69) 93.5%, oklch(56.17% 0.0907 331.28) 96.8%, oklch(55.12% 0.0896 329.57) 100.0%);

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

Gradient hoàng hôn mùa đô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