Cầu vồng từ xanh dương sang xanh lá đậm tông trầm (gradient tuyến tính)

Bảng màu Cầu vồng từ xanh dương sang xanh lá đậm tông trầm

Gradient tuyến tính, 32 màu, góc 225°: #5f72a8, #65557c, #7176a2, #b7674a, #19434e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5f72a8
#606fa4
#626a9e
#646597
#655f90
#655b88
#655782
#65557e
#65557c
#65577f
#655b83
#646189
#64678f
#656d94
#66729a
#6a759e
#7176a2
#7b75a6
#8973a7
#996fa2
#a96b96
#b66781
#bb6567
#b7674a
#a96a2e
#8f6d1b
#6c6d24
#476938
#276047
#15554e
#154b50
#19434e

CSS

background: linear-gradient(225deg in oklch, oklch(55.91% 0.0868 268.59) 0.0%, oklch(55.15% 0.0850 271.85) 3.2%, oklch(54.00% 0.0824 276.68) 6.5%, oklch(52.63% 0.0794 282.47) 9.7%, oklch(51.20% 0.0761 288.57) 12.9%, oklch(49.87% 0.0728 294.36) 16.1%, oklch(48.79% 0.0698 299.19) 19.4%, oklch(48.14% 0.0674 302.45) 22.6%, oklch(48.08% 0.0658 303.42) 25.8%, oklch(48.65% 0.0645 300.73) 29.0%, oklch(49.73% 0.0633 295.08) 32.3%, oklch(51.15% 0.0624 287.89) 35.5%, oklch(52.75% 0.0619 280.60) 38.7%, oklch(54.38% 0.0620 274.64) 41.9%, oklch(55.86% 0.0630 271.44) 45.2%, oklch(57.05% 0.0648 272.42) 48.4%, oklch(57.87% 0.0680 278.76) 51.6%, oklch(58.72% 0.0737 289.46) 54.8%, oklch(59.57% 0.0812 303.60) 58.1%, oklch(60.31% 0.0896 320.45) 61.3%, oklch(60.81% 0.0978 339.25) 64.5%, oklch(60.97% 0.1049 359.27) 67.7%, oklch(60.66% 0.1099 19.76) 71.0%, oklch(59.78% 0.1117 39.99) 74.2%, oklch(58.07% 0.1096 60.71) 77.4%, oklch(55.38% 0.1037 84.54) 80.6%, oklch(52.00% 0.0950 110.25) 83.9%, oklch(48.24% 0.0848 136.45) 87.1%, oklch(44.43% 0.0740 161.75) 90.3%, oklch(40.88% 0.0639 184.74) 93.5%, oklch(37.90% 0.0554 204.03) 96.8%, oklch(35.83% 0.0496 218.22) 100.0%);

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