Xanh dương nhạt, xanh dương, tím và đỏ (gradient tuyến tính)

Bảng màu Xanh dương nhạt, xanh dương, tím và đỏ

Gradient tuyến tính, 32 màu, góc 45°: #d9f2ee, #1eacc1, #2d5aa7, #5e418b, #c33e3e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d9f2ee
#cdede9
#bce6e3
#a7dedb
#8fd4d4
#76cacd
#5ac0c8
#3eb6c3
#1eacc1
#00a2bd
#0096b8
#008bb4
#0080b1
#0075af
#0e6bae
#2161aa
#2d5aa7
#3553a2
#3c4e9d
#434b99
#494895
#4f4591
#56438e
#5e418b
#693f88
#773d85
#863b7e
#973975
#a63969
#b3395a
#bd3b4b
#c33e3e

CSS

background: linear-gradient(45deg in oklch, oklch(94.09% 0.0262 187.73) 0.0%, oklch(92.08% 0.0335 189.23) 3.2%, oklch(89.36% 0.0437 191.01) 6.5%, oklch(86.12% 0.0560 193.12) 9.7%, oklch(82.54% 0.0692 195.59) 12.9%, oklch(78.81% 0.0825 198.48) 16.1%, oklch(75.12% 0.0949 201.82) 19.4%, oklch(71.64% 0.1055 205.65) 22.6%, oklch(68.55% 0.1133 210.02) 25.8%, oklch(65.52% 0.1159 215.20) 29.0%, oklch(62.44% 0.1146 221.11) 32.3%, oklch(59.40% 0.1153 227.54) 35.5%, oklch(56.48% 0.1187 234.29) 38.7%, oklch(53.77% 0.1257 241.16) 41.9%, oklch(51.34% 0.1326 247.92) 45.2%, oklch(49.29% 0.1334 254.41) 48.4%, oklch(47.66% 0.1337 260.39) 51.6%, oklch(46.37% 0.1323 265.76) 54.8%, oklch(45.37% 0.1296 270.77) 58.1%, oklch(44.66% 0.1263 275.68) 61.3%, oklch(44.22% 0.1230 280.78) 64.5%, oklch(44.03% 0.1203 286.32) 67.7%, oklch(44.09% 0.1189 292.59) 71.0%, oklch(44.38% 0.1194 299.86) 74.2%, oklch(45.01% 0.1224 308.69) 77.4%, oklch(46.18% 0.1278 319.53) 80.6%, oklch(47.74% 0.1348 331.65) 83.9%, oklch(49.52% 0.1428 344.28) 87.1%, oklch(51.36% 0.1510 356.63) 90.3%, oklch(53.08% 0.1586 7.93) 93.5%, oklch(54.52% 0.1651 17.41) 96.8%, oklch(55.51% 0.1695 24.29) 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