Xanh dương, tím và hồng (ba tông) (gradient tuyến tính)

Bảng màu Xanh dương, tím và hồng (ba tông)

Gradient tuyến tính, 32 màu, góc 45°: #244a9b, #4474bf, #8463bf, #b14d90, #d65b73. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#244a9b
#264d9d
#2951a1
#2c57a5
#2f5daa
#3363b0
#3869b5
#3e6fba
#4474bf
#4b77c4
#5279c7
#5a79c9
#6277cb
#6b74ca
#746fc8
#7c69c4
#8463bf
#8c5eb8
#9358b0
#9a53a8
#a050a0
#a54e9a
#ab4d95
#b14d90
#b74e8b
#bd4f87
#c35183
#c8547f
#cd567c
#d15879
#d45a76
#d65b73

CSS

background: linear-gradient(45deg in oklch, oklch(42.91% 0.1392 262.97) 0.0%, oklch(43.89% 0.1384 262.75) 3.2%, oklch(45.25% 0.1373 262.12) 6.5%, oklch(46.89% 0.1358 261.24) 9.7%, oklch(48.71% 0.1343 260.29) 12.9%, oklch(50.64% 0.1326 259.45) 16.1%, oklch(52.56% 0.1311 258.90) 19.4%, oklch(54.40% 0.1297 258.80) 22.6%, oklch(56.05% 0.1287 259.33) 25.8%, oklch(57.42% 0.1281 260.67) 29.0%, oklch(58.42% 0.1280 263.00) 32.3%, oklch(58.99% 0.1286 266.52) 35.5%, oklch(59.15% 0.1298 271.33) 38.7%, oklch(59.01% 0.1316 277.21) 41.9%, oklch(58.63% 0.1337 283.88) 45.2%, oklch(58.10% 0.1361 291.12) 48.4%, oklch(57.49% 0.1386 298.66) 51.6%, oklch(56.88% 0.1412 306.27) 54.8%, oklch(56.35% 0.1437 313.68) 58.1%, oklch(55.97% 0.1459 320.65) 61.3%, oklch(55.83% 0.1478 326.92) 64.5%, oklch(56.00% 0.1493 332.32) 67.7%, oklch(56.42% 0.1504 337.37) 71.0%, oklch(57.05% 0.1514 342.25) 74.2%, oklch(57.82% 0.1523 346.93) 77.4%, oklch(58.70% 0.1530 351.36) 80.6%, oklch(59.63% 0.1537 355.51) 83.9%, oklch(60.56% 0.1542 359.35) 87.1%, oklch(61.45% 0.1546 2.83) 90.3%, oklch(62.25% 0.1550 5.91) 93.5%, oklch(62.91% 0.1554 8.57) 96.8%, oklch(63.39% 0.1557 10.76) 100.0%);

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

Gradient chữ

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