Xanh hải quân, xanh cổ vịt và vàng mù tạt (ba tông) (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh cổ vịt và vàng mù tạt (ba tông)

Gradient tuyến tính, 32 màu, góc 45°: #112d55, #1569b3, #19a4ae, #4ca559, #b9a42d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#112d55
#13315c
#153767
#183e74
#1b4682
#1d4e91
#1e579f
#1c60aa
#1569b3
#0972b8
#007bba
#0084ba
#008dba
#0194b9
#119bb6
#19a0b3
#19a4ae
#11a7a8
#04a99e
#00a993
#10a985
#25a876
#39a667
#4ca559
#5ea54d
#70a442
#81a438
#90a431
#9ea42d
#a9a42b
#b3a42c
#b9a42d

CSS

background: linear-gradient(45deg in oklch, oklch(29.92% 0.0799 258.05) 0.0%, oklch(31.64% 0.0852 257.82) 3.2%, oklch(33.98% 0.0929 257.83) 6.5%, oklch(36.77% 0.1022 257.85) 9.7%, oklch(39.84% 0.1120 257.68) 12.9%, oklch(43.00% 0.1214 257.10) 16.1%, oklch(46.09% 0.1296 255.91) 19.4%, oklch(48.93% 0.1354 253.89) 22.6%, oklch(51.36% 0.1381 250.84) 25.8%, oklch(53.66% 0.1372 246.77) 29.0%, oklch(55.93% 0.1324 241.86) 32.3%, oklch(58.11% 0.1255 236.24) 35.5%, oklch(60.15% 0.1199 230.06) 38.7%, oklch(61.98% 0.1157 223.48) 41.9%, oklch(63.57% 0.1107 216.65) 45.2%, oklch(64.85% 0.1078 209.72) 48.4%, oklch(65.74% 0.1079 202.73) 51.6%, oklch(66.11% 0.1105 195.18) 54.8%, oklch(66.08% 0.1149 187.15) 58.1%, oklch(65.80% 0.1203 178.83) 61.3%, oklch(65.39% 0.1263 170.44) 64.5%, oklch(65.00% 0.1320 162.16) 67.7%, oklch(64.79% 0.1368 154.19) 71.0%, oklch(64.87% 0.1401 146.74) 74.2%, oklch(65.36% 0.1414 139.69) 77.4%, oklch(66.12% 0.1416 132.56) 80.6%, oklch(67.08% 0.1408 125.49) 83.9%, oklch(68.15% 0.1394 118.71) 87.1%, oklch(69.22% 0.1377 112.42) 90.3%, oklch(70.23% 0.1359 106.81) 93.5%, oklch(71.07% 0.1345 102.09) 96.8%, oklch(71.65% 0.1337 98.48) 100.0%);

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

Tông đá quý

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