Trắng, xanh dương và đen (đơn sắc) (gradient tuyến tính)

Bảng màu Trắng, xanh dương và đen (đơn sắc)

Gradient tuyến tính, 32 màu, góc 135°: #f2eee1, #d4efed, #2756a3, #182d58, #090d17. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f2eee1
#f1f0e2
#f1f3e6
#f2f6eb
#f2f9ef
#f0fbf2
#ecfaf3
#e3f7f2
#d4efed
#bde3e6
#9fd2dd
#7fbed5
#5fa8cc
#4490c3
#3279b9
#2965ae
#2756a3
#264b98
#24438d
#213d81
#1e3876
#1c356c
#1a3161
#182d58
#16284e
#132344
#111e3a
#0f1a31
#0d1629
#0c1221
#0a101b
#090d17

CSS

background: linear-gradient(135deg in oklch, oklch(94.88% 0.0179 92.81) 0.0%, oklch(95.14% 0.0179 100.61) 3.2%, oklch(95.84% 0.0170 111.23) 6.5%, oklch(96.70% 0.0160 123.88) 9.7%, oklch(97.42% 0.0153 137.79) 12.9%, oklch(97.72% 0.0156 152.18) 16.1%, oklch(97.33% 0.0174 166.28) 19.4%, oklch(95.95% 0.0214 179.31) 22.6%, oklch(93.29% 0.0282 190.59) 25.8%, oklch(88.98% 0.0396 201.31) 29.0%, oklch(83.30% 0.0550 211.95) 32.3%, oklch(76.73% 0.0725 222.25) 35.5%, oklch(69.72% 0.0905 231.96) 38.7%, oklch(62.73% 0.1074 240.83) 41.9%, oklch(56.23% 0.1215 248.61) 45.2%, oklch(50.69% 0.1311 255.04) 48.4%, oklch(46.46% 0.1348 259.83) 51.6%, oklch(43.06% 0.1335 262.79) 54.8%, oklch(40.28% 0.1285 264.25) 58.1%, oklch(37.96% 0.1206 264.61) 61.3%, oklch(35.96% 0.1111 264.25) 64.5%, oklch(34.14% 0.1007 263.58) 67.7%, oklch(32.34% 0.0907 262.98) 71.0%, oklch(30.43% 0.0818 262.86) 74.2%, oklch(28.34% 0.0742 263.29) 77.4%, oklch(26.22% 0.0657 263.68) 80.6%, oklch(24.12% 0.0569 264.02) 83.9%, oklch(22.12% 0.0480 264.30) 87.1%, oklch(20.26% 0.0396 264.54) 90.3%, oklch(18.60% 0.0319 264.75) 93.5%, oklch(17.21% 0.0255 264.92) 96.8%, oklch(16.14% 0.0207 265.06) 100.0%);

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

Gradient bản đồ thời tiết

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