Xanh dương, trắng, xám và nâu (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #00468e, #b2c8dd, #f4f0f3, #ddbeae, #831e01. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00468e
#14539a
#3067a7
#4d7db6
#6993c4
#82a6cf
#94b3d6
#a3bfda
#b2c8dd
#bfd0df
#ccd7e3
#d7dee7
#e1e4eb
#eaeaef
#f0eef2
#f3f0f4
#f4f0f3
#f2edef
#efe9e9
#eae2e1
#e6dad6
#e2d2ca
#dfc9bd
#ddbeae
#dbb19e
#d7a28e
#cf917c
#c27b64
#b1624a
#9f4830
#8e3018
#831e01

CSS

background: linear-gradient(135deg in oklch, oklch(40.16% 0.1336 255.28) 0.0%, oklch(44.56% 0.1311 254.80) 3.2%, oklch(50.91% 0.1176 254.19) 6.5%, oklch(58.16% 0.1021 253.48) 9.7%, oklch(65.28% 0.0863 252.77) 12.9%, oklch(71.24% 0.0723 252.15) 16.1%, oklch(75.63% 0.0604 250.76) 19.4%, oklch(79.27% 0.0487 247.89) 22.6%, oklch(82.34% 0.0378 245.25) 25.8%, oklch(85.00% 0.0281 244.62) 29.0%, oklch(87.41% 0.0201 247.76) 32.3%, oklch(89.72% 0.0142 256.32) 35.5%, oklch(91.90% 0.0101 269.94) 38.7%, oklch(93.77% 0.0075 286.76) 41.9%, oklch(95.18% 0.0061 304.87) 45.2%, oklch(95.96% 0.0056 322.35) 48.4%, oklch(95.96% 0.0055 338.07) 51.6%, oklch(95.18% 0.0058 354.84) 54.8%, oklch(93.77% 0.0069 11.76) 58.1%, oklch(91.90% 0.0094 27.22) 61.3%, oklch(89.72% 0.0137 39.58) 64.5%, oklch(87.41% 0.0205 47.22) 67.7%, oklch(85.00% 0.0304 49.63) 71.0%, oklch(82.34% 0.0426 48.36) 74.2%, oklch(79.27% 0.0560 45.15) 77.4%, oklch(75.63% 0.0695 41.74) 80.6%, oklch(71.24% 0.0819 39.84) 83.9%, oklch(65.28% 0.0949 38.71) 87.1%, oklch(58.16% 0.1085 37.52) 90.3%, oklch(50.91% 0.1216 36.39) 93.5%, oklch(44.56% 0.1327 35.42) 96.8%, oklch(40.16% 0.1406 34.73) 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