Xám, xanh dương và xanh lá đậm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #8098b1, #375576, #081f35, #6a694d, #cfdae3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8098b1
#7a92ac
#728ba6
#68839f
#5e7a97
#53708f
#486787
#3f5e7e
#375576
#2f4c6c
#294061
#233555
#1d2b4a
#172340
#121e39
#0d1c35
#081f35
#022636
#003036
#123b36
#2b4735
#445238
#595d41
#6a694d
#76765c
#80866e
#899785
#94a99e
#a2b9b6
#b2c6ca
#c3d1da
#cfdae3

CSS

background: linear-gradient(135deg in oklch, oklch(66.93% 0.0455 250.31) 0.0%, oklch(65.16% 0.0472 250.27) 3.2%, oklch(62.81% 0.0499 250.16) 6.5%, oklch(60.00% 0.0530 250.02) 9.7%, oklch(56.88% 0.0563 249.90) 12.9%, oklch(53.60% 0.0595 249.84) 16.1%, oklch(50.30% 0.0622 249.88) 19.4%, oklch(47.11% 0.0641 250.06) 22.6%, oklch(44.14% 0.0648 250.50) 25.8%, oklch(40.76% 0.0646 252.70) 29.0%, oklch(36.94% 0.0635 256.43) 32.3%, oklch(33.00% 0.0618 260.62) 35.5%, oklch(29.29% 0.0597 264.20) 38.7%, oklch(26.13% 0.0575 266.12) 41.9%, oklch(23.86% 0.0552 265.31) 45.2%, oklch(22.80% 0.0532 260.71) 48.4%, oklch(23.27% 0.0516 250.74) 51.6%, oklch(25.21% 0.0501 232.74) 54.8%, oklch(28.32% 0.0487 208.94) 58.1%, oklch(32.32% 0.0473 182.27) 61.3%, oklch(36.90% 0.0458 155.62) 64.5%, oklch(41.79% 0.0443 131.92) 67.7%, oklch(46.68% 0.0425 114.09) 71.0%, oklch(51.29% 0.0405 105.03) 74.2%, oklch(55.73% 0.0381 107.19) 77.4%, oklch(60.73% 0.0352 119.37) 80.6%, oklch(66.06% 0.0320 138.78) 83.9%, oklch(71.46% 0.0286 162.62) 87.1%, oklch(76.64% 0.0253 188.08) 90.3%, oklch(81.33% 0.0223 212.34) 93.5%, oklch(85.27% 0.0197 232.61) 96.8%, oklch(88.19% 0.0179 246.09) 100.0%);

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

Đèn lồng giấy lúc chạng vạng Xanh hải quân Sương giá vườn cây lúc rạng đông Vẽ nguệch ngoạc trên vở học sinh

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