Cầu vồng từ xanh dương sang xanh cổ vịt tông trầm (gradient tuyến tính)

Bảng màu Cầu vồng từ xanh dương sang xanh cổ vịt tông trầm

Gradient tuyến tính, 32 màu, góc 90°: #1b3c72, #7e4370, #aa6a3e, #90a55d, #65d2d8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1b3c72
#273c75
#343c78
#423c7b
#503d7b
#5e3e7a
#6a3f78
#744174
#7e4370
#88456b
#904865
#974c5f
#9e5158
#a35651
#a75c4a
#a96343
#aa6a3e
#aa723a
#a87a38
#a58339
#a28c3e
#9d9446
#979d51
#90a55d
#88ad6b
#80b57a
#76bc8b
#6dc39d
#66c8b0
#62cdc1
#63d0cf
#65d2d8

CSS

background: linear-gradient(90deg in oklch, oklch(36.22% 0.1020 260.16) 0.0%, oklch(37.08% 0.1020 266.33) 3.2%, oklch(38.25% 0.1020 274.83) 6.5%, oklch(39.64% 0.1020 284.91) 9.7%, oklch(41.16% 0.1020 295.85) 12.9%, oklch(42.71% 0.1020 306.92) 16.1%, oklch(44.21% 0.1020 317.38) 19.4%, oklch(45.62% 0.1020 327.05) 22.6%, oklch(47.07% 0.1020 336.74) 25.8%, oklch(48.55% 0.1020 346.47) 29.0%, oklch(50.03% 0.1021 356.20) 32.3%, oklch(51.51% 0.1021 5.95) 35.5%, oklch(52.97% 0.1020 15.68) 38.7%, oklch(54.39% 0.1019 25.40) 41.9%, oklch(55.79% 0.1017 35.11) 45.2%, oklch(57.16% 0.1014 44.83) 48.4%, oklch(58.54% 0.1011 54.54) 51.6%, oklch(59.92% 0.1009 64.26) 54.8%, oklch(61.34% 0.1007 73.97) 58.1%, oklch(62.79% 0.1006 83.69) 61.3%, oklch(64.30% 0.1005 93.41) 64.5%, oklch(65.84% 0.1005 103.12) 67.7%, oklch(67.40% 0.1005 112.84) 71.0%, oklch(68.94% 0.1005 122.55) 74.2%, oklch(70.47% 0.1006 132.27) 77.4%, oklch(71.95% 0.1006 142.01) 80.6%, oklch(73.51% 0.1006 152.61) 83.9%, oklch(75.14% 0.1006 163.86) 87.1%, oklch(76.73% 0.1006 175.01) 90.3%, oklch(78.19% 0.1006 185.30) 93.5%, oklch(79.42% 0.1006 193.98) 96.8%, oklch(80.31% 0.1006 200.27) 100.0%);

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

Gradient cầu vồng tông trầm

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