Xanh dương, xám và xanh hải quân (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #204dba, #87b6e7, #edf0f1, #8f969d, #222b42. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#204dba
#2455bd
#2b60c2
#356cc7
#417acd
#5089d4
#6198da
#73a7e1
#87b6e7
#9ac4ec
#add1f1
#c0ddf5
#d0e6f7
#ddedf9
#e7f1f8
#ecf2f6
#edf0f1
#e9eaea
#e0e0e1
#d4d5d5
#c5c7c8
#b5b7ba
#a2a7ac
#8f969d
#7d848e
#6a7480
#596372
#4a5466
#3c475a
#313b50
#283248
#222b42

CSS

background: linear-gradient(135deg in oklch, oklch(46.06% 0.1791 263.67) 0.0%, oklch(48.09% 0.1724 262.69) 3.2%, oklch(50.88% 0.1637 261.35) 6.5%, oklch(54.30% 0.1533 259.72) 9.7%, oklch(58.21% 0.1414 257.85) 12.9%, oklch(62.49% 0.1285 255.81) 16.1%, oklch(66.99% 0.1148 253.65) 19.4%, oklch(71.59% 0.1006 251.45) 22.6%, oklch(76.15% 0.0863 249.26) 25.8%, oklch(80.54% 0.0722 247.14) 29.0%, oklch(84.63% 0.0585 245.15) 32.3%, oklch(88.27% 0.0456 243.36) 35.5%, oklch(91.35% 0.0338 241.83) 38.7%, oklch(93.72% 0.0234 240.61) 41.9%, oklch(95.24% 0.0147 239.78) 45.2%, oklch(95.80% 0.0080 239.38) 48.4%, oklch(95.24% 0.0036 239.48) 51.6%, oklch(93.53% 0.0010 240.10) 54.8%, oklch(90.80% 0.0001 241.15) 58.1%, oklch(87.19% 0.0006 242.61) 61.3%, oklch(82.85% 0.0024 244.38) 64.5%, oklch(77.93% 0.0051 246.41) 67.7%, oklch(72.58% 0.0087 248.63) 71.0%, oklch(66.94% 0.0128 250.98) 74.2%, oklch(61.16% 0.0174 253.40) 77.4%, oklch(55.39% 0.0222 255.83) 80.6%, oklch(49.77% 0.0270 258.19) 83.9%, oklch(44.45% 0.0316 260.42) 87.1%, oklch(39.58% 0.0358 262.47) 90.3%, oklch(35.30% 0.0395 264.27) 93.5%, oklch(31.77% 0.0423 265.74) 96.8%, oklch(29.13% 0.0441 266.84) 100.0%);

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

Màu dưới nước Ánh flash sàn diễn Gradient nền ứng dụ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