Xanh dương, hồng và vàng (bộ ba) tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương, hồng và vàng (bộ ba) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #004374, #6c58a0, #ee8491, #feb05f, #ebd346. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#004374
#004479
#04467f
#0f4887
#1e4a8e
#304c95
#44509a
#59549e
#6c58a0
#7e5ca1
#9061a2
#a266a2
#b46ba0
#c4719d
#d3779a
#e17d96
#ee8491
#f88b8b
#ff9283
#ff9a7d
#ff9f74
#ffa46a
#fdaa64
#feb05f
#ffb65c
#ffbc5d
#ffc25c
#ffc651
#fcca47
#f6cd46
#f0d145
#ebd346

CSS

background: linear-gradient(90deg in oklch, oklch(37.41% 0.1031 248.97) 0.0%, oklch(38.09% 0.1084 250.33) 3.2%, oklch(39.04% 0.1140 252.12) 6.5%, oklch(40.25% 0.1196 254.86) 9.7%, oklch(41.77% 0.1234 259.14) 12.9%, oklch(43.64% 0.1237 265.56) 16.1%, oklch(45.93% 0.1207 274.23) 19.4%, oklch(48.51% 0.1161 284.32) 22.6%, oklch(51.22% 0.1120 294.96) 25.8%, oklch(53.93% 0.1102 305.30) 29.0%, oklch(56.73% 0.1106 315.82) 32.3%, oklch(59.66% 0.1123 326.72) 35.5%, oklch(62.58% 0.1148 337.50) 38.7%, oklch(65.38% 0.1177 347.64) 41.9%, oklch(68.04% 0.1209 356.77) 45.2%, oklch(70.71% 0.1253 5.13) 48.4%, oklch(73.23% 0.1298 13.01) 51.6%, oklch(75.46% 0.1335 20.72) 54.8%, oklch(77.21% 0.1344 28.55) 58.1%, oklch(78.38% 0.1286 36.67) 61.3%, oklch(79.16% 0.1282 44.75) 64.5%, oklch(79.80% 0.1309 52.40) 67.7%, oklch(80.57% 0.1307 59.22) 71.0%, oklch(81.63% 0.1332 64.87) 74.2%, oklch(82.83% 0.1353 69.55) 77.4%, oklch(84.01% 0.1349 73.69) 80.6%, oklch(85.01% 0.1370 77.74) 83.9%, oklch(85.67% 0.1455 82.15) 87.1%, oklch(86.01% 0.1521 87.06) 90.3%, oklch(86.14% 0.1537 91.96) 93.5%, oklch(86.17% 0.1548 96.21) 96.8%, oklch(86.22% 0.1557 99.20) 100.0%);

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

Gradient cam và xanh 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