Xanh dương, xanh cổ vịt và xanh hải quân (tương đồng) tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương, xanh cổ vịt và xanh hải quân (tương đồng) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 225°: #0378f3, #1da398, #64cefe, #7679b0, #00154b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0378f3
#0081de
#0087ca
#008dba
#0091ad
#0095a3
#009a9c
#009e98
#1da398
#2ea99f
#36b1ab
#3bbbbb
#40c4cd
#46cce0
#4fd1f0
#5ad2fa
#64cefe
#6fc7fd
#79bcf7
#7fafec
#82a1de
#8293cf
#7d86bf
#7679b0
#6c6da2
#5e5f94
#4d5086
#3a4178
#28346a
#17275e
#071d53
#00154b

CSS

background: linear-gradient(225deg in oklch, oklch(59.06% 0.2053 256.64) 0.0%, oklch(59.38% 0.1693 250.27) 3.2%, oklch(59.72% 0.1389 240.90) 6.5%, oklch(60.12% 0.1194 229.68) 9.7%, oklch(60.63% 0.1088 217.78) 12.9%, oklch(61.28% 0.1049 206.37) 16.1%, oklch(62.12% 0.1058 196.59) 19.4%, oklch(63.19% 0.1093 189.60) 22.6%, oklch(64.56% 0.1076 186.52) 25.8%, oklch(66.66% 0.1051 186.98) 29.0%, oklch(69.40% 0.1056 190.08) 32.3%, oklch(72.45% 0.1083 195.21) 35.5%, oklch(75.47% 0.1122 201.77) 38.7%, oklch(78.14% 0.1161 209.13) 41.9%, oklch(80.13% 0.1192 216.69) 45.2%, oklch(81.10% 0.1203 223.83) 48.4%, oklch(80.79% 0.1187 230.33) 51.6%, oklch(79.44% 0.1148 237.89) 54.8%, oklch(77.26% 0.1093 246.33) 58.1%, oklch(74.41% 0.1030 255.06) 61.3%, oklch(71.06% 0.0965 263.51) 64.5%, oklch(67.36% 0.0905 271.09) 67.7%, oklch(63.49% 0.0858 277.23) 71.0%, oklch(59.61% 0.0830 281.36) 74.2%, oklch(55.55% 0.0826 282.94) 77.4%, oklch(50.70% 0.0843 282.15) 80.6%, oklch(45.36% 0.0875 279.60) 83.9%, oklch(39.83% 0.0915 275.91) 87.1%, oklch(34.46% 0.0960 271.68) 90.3%, oklch(29.56% 0.1002 267.53) 93.5%, oklch(25.44% 0.1038 264.08) 96.8%, oklch(22.46% 0.1049 262.13) 100.0%);

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

Gradient 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