Cam, tím, xanh dương và xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #db6735, #833c5c, #48589e, #7b96cc, #d6c5d6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#db6735
#d56237
#cc5a38
#c2523b
#b84a40
#ad4448
#9f404f
#913d56
#833c5c
#783b62
#6e3b6a
#633d74
#59407d
#504485
#4a4a8c
#485094
#48589e
#4a60a7
#4d68af
#5272b6
#5a7bbc
#6385c2
#6f8ec8
#7b96cc
#889fd0
#95a8d3
#a3afd6
#b0b5d8
#bdbad9
#c9bed8
#d1c2d7
#d6c5d6

CSS

background: linear-gradient(90deg in oklch, oklch(64.57% 0.1585 42.19) 0.0%, oklch(62.94% 0.1564 39.99) 3.2%, oklch(60.62% 0.1536 37.06) 6.5%, oklch(57.96% 0.1498 33.13) 9.7%, oklch(55.35% 0.1446 27.95) 12.9%, oklch(52.98% 0.1373 21.27) 16.1%, oklch(50.46% 0.1267 13.09) 19.4%, oklch(47.98% 0.1151 3.71) 22.6%, oklch(45.84% 0.1048 353.41) 25.8%, oklch(44.31% 0.0987 342.45) 29.0%, oklch(43.32% 0.0971 329.55) 32.3%, oklch(42.74% 0.0984 315.24) 35.5%, oklch(42.64% 0.1013 301.34) 38.7%, oklch(43.08% 0.1041 289.67) 41.9%, oklch(44.15% 0.1066 281.49) 45.2%, oklch(45.91% 0.1101 275.81) 48.4%, oklch(48.13% 0.1136 271.84) 51.6%, oklch(50.59% 0.1158 268.86) 54.8%, oklch(53.08% 0.1153 266.17) 58.1%, oklch(55.77% 0.1123 264.06) 61.3%, oklch(58.68% 0.1076 262.76) 64.5%, oklch(61.65% 0.1016 262.27) 67.7%, oklch(64.56% 0.0947 262.59) 71.0%, oklch(67.42% 0.0866 263.34) 74.2%, oklch(70.37% 0.0767 264.40) 77.4%, oklch(73.23% 0.0664 266.59) 80.6%, oklch(75.84% 0.0569 270.74) 83.9%, oklch(78.08% 0.0494 277.97) 87.1%, oklch(80.08% 0.0430 289.88) 90.3%, oklch(81.82% 0.0377 303.99) 93.5%, oklch(83.23% 0.0334 317.12) 96.8%, oklch(84.25% 0.0303 326.10) 100.0%);

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

Đèn lồng giấy lúc chạng vạ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