Be, nâu, xanh lá và xanh dương (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #fff4d8, #d3b78b, #88674d, #959a61, #778699. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fff4d8
#fcf0d2
#f8eaca
#f3e3c0
#eddbb5
#e7d3aa
#e1c99f
#dac095
#d3b78b
#caab82
#bf9e78
#b3916e
#a78465
#9b785d
#926f56
#8b6951
#88674d
#8a694c
#8e6e4c
#94764e
#997f50
#9c8954
#9b925a
#959a61
#899e6b
#7aa079
#6c9f88
#659b95
#67959c
#6d8f9e
#73899c
#778699

CSS

background: linear-gradient(90deg in oklch, oklch(96.85% 0.0386 89.30) 0.0%, oklch(95.56% 0.0411 88.53) 3.2%, oklch(93.90% 0.0447 87.58) 6.5%, oklch(91.93% 0.0490 86.46) 9.7%, oklch(89.69% 0.0535 85.16) 12.9%, oklch(87.26% 0.0580 83.69) 16.1%, oklch(84.66% 0.0619 82.04) 19.4%, oklch(81.97% 0.0648 80.21) 22.6%, oklch(79.21% 0.0664 78.17) 25.8%, oklch(75.87% 0.0664 75.06) 29.0%, oklch(71.98% 0.0652 71.00) 32.3%, oklch(67.85% 0.0632 66.57) 35.5%, oklch(63.78% 0.0609 62.35) 38.7%, oklch(60.06% 0.0587 58.92) 41.9%, oklch(57.01% 0.0570 56.86) 45.2%, oklch(54.92% 0.0563 56.74) 48.4%, oklch(54.10% 0.0571 58.95) 51.6%, oklch(54.64% 0.0595 62.63) 54.8%, oklch(56.21% 0.0632 67.61) 58.1%, oklch(58.44% 0.0673 73.91) 61.3%, oklch(60.98% 0.0714 81.54) 64.5%, oklch(63.45% 0.0749 90.52) 67.7%, oklch(65.51% 0.0771 100.86) 71.0%, oklch(66.78% 0.0774 112.57) 74.2%, oklch(67.09% 0.0754 126.59) 77.4%, oklch(66.80% 0.0710 144.46) 80.6%, oklch(66.09% 0.0650 164.87) 83.9%, oklch(65.10% 0.0580 186.40) 87.1%, oklch(63.98% 0.0508 207.62) 90.3%, oklch(62.90% 0.0440 227.11) 93.5%, oklch(61.99% 0.0383 243.44) 96.8%, oklch(61.42% 0.0344 255.21) 100.0%);

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

Màu kem Sương giá vườn cây lúc rạng đông Buổi sáng tràm bô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