Cam, hồng cá hồi, tím oải hương và xanh dương nhạt (gradient tuyến tính)

Bảng màu Cam, hồng cá hồi, tím oải hương và xanh dương nhạt

Gradient tuyến tính, 32 màu, góc 90°: #ecc45b, #da7673, #8089cc, #70bbe0, #c5eaf3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ecc45b
#f0b751
#f4a34c
#f38e52
#ef7e5e
#e97667
#e3756b
#de756e
#da7673
#d4767e
#cb7690
#be78a3
#ad7cb2
#9e80bc
#9284c2
#8986c7
#8089cc
#788dd1
#7093d5
#6b9bd8
#68a3da
#68acdc
#6bb4de
#70bbe0
#78c1e3
#80c8e6
#8acee9
#95d4eb
#a2dbed
#b0e1ef
#bde6f1
#c5eaf3

CSS

background: linear-gradient(90deg in oklch, oklch(83.46% 0.1309 88.59) 0.0%, oklch(81.22% 0.1341 78.94) 3.2%, oklch(77.93% 0.1391 64.86) 6.5%, oklch(74.39% 0.1438 49.65) 9.7%, oklch(71.40% 0.1462 36.66) 12.9%, oklch(69.58% 0.1446 29.00) 16.1%, oklch(68.60% 0.1394 26.36) 19.4%, oklch(68.09% 0.1321 25.44) 22.6%, oklch(67.73% 0.1244 22.85) 25.8%, oklch(67.23% 0.1176 15.21) 29.0%, oklch(66.57% 0.1107 0.89) 32.3%, oklch(65.91% 0.1033 342.52) 35.5%, oklch(65.36% 0.0970 323.35) 38.7%, oklch(65.01% 0.0929 306.63) 41.9%, oklch(64.88% 0.0925 294.50) 45.2%, oklch(64.85% 0.0959 285.04) 48.4%, oklch(65.04% 0.1007 277.18) 51.6%, oklch(65.53% 0.1049 269.98) 54.8%, oklch(66.46% 0.1061 262.54) 58.1%, oklch(67.91% 0.1050 254.97) 61.3%, oklch(69.75% 0.1025 247.78) 64.5%, oklch(71.76% 0.0992 241.28) 67.7%, oklch(73.75% 0.0956 235.81) 71.0%, oklch(75.64% 0.0919 231.72) 74.2%, oklch(77.59% 0.0878 228.88) 77.4%, oklch(79.57% 0.0832 226.74) 80.6%, oklch(81.55% 0.0778 224.77) 83.9%, oklch(83.55% 0.0715 222.46) 87.1%, oklch(85.78% 0.0631 219.95) 90.3%, oklch(88.02% 0.0539 217.53) 93.5%, oklch(89.97% 0.0457 215.46) 96.8%, oklch(91.34% 0.0400 213.99) 100.0%);

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

Gradient tươi sáng Gradient mùa hè Gradient bình minh

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