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

Xanh hải quân, xanh cổ vịt và xanh dương nhạt (tương đồng): bảng màu gồm 32 màu. #072f39, #498e83, #bef4e6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 4 keyframe OKLCH chỉnh sửa được.

#072f39
#09323b
#0a363f
#0c3b42
#0e4047
#11464b
#144c50
#185355
#1d5959
#22605e
#276663
#2c6c67
#32736c
#377972
#3d8077
#43877d
#498e83
#4f9589
#569c8f
#5da395
#64aa9b
#6bb0a1
#73b8a8
#7cbfb0
#86c7b7
#8fcfbf
#99d6c7
#a2decf
#abe4d6
#b2eadc
#b9f0e2
#bef4e6

CSS

background: linear-gradient(225deg in oklch, oklch(28.35% 0.0455 217.97) 0.0%, oklch(29.44% 0.0466 216.26) 3.2%, oklch(30.82% 0.0481 213.97) 6.5%, oklch(32.44% 0.0500 211.23) 9.7%, oklch(34.27% 0.0520 208.17) 12.9%, oklch(36.25% 0.0541 204.92) 16.1%, oklch(38.34% 0.0564 201.59) 19.4%, oklch(40.50% 0.0586 198.32) 22.6%, oklch(42.69% 0.0607 195.23) 25.8%, oklch(44.85% 0.0626 192.45) 29.0%, oklch(46.96% 0.0643 190.10) 32.3%, oklch(49.00% 0.0657 188.23) 35.5%, oklch(51.08% 0.0672 186.61) 38.7%, oklch(53.21% 0.0686 185.20) 41.9%, oklch(55.37% 0.0700 183.97) 45.2%, oklch(57.56% 0.0712 182.91) 48.4%, oklch(59.77% 0.0724 181.99) 51.6%, oklch(61.99% 0.0733 181.19) 54.8%, oklch(64.21% 0.0740 180.48) 58.1%, oklch(66.42% 0.0744 179.84) 61.3%, oklch(68.62% 0.0745 179.25) 64.5%, oklch(70.81% 0.0743 178.69) 67.7%, oklch(73.14% 0.0734 178.26) 71.0%, oklch(75.59% 0.0721 177.97) 74.2%, oklch(78.11% 0.0704 177.79) 77.4%, oklch(80.64% 0.0685 177.70) 80.6%, oklch(83.11% 0.0664 177.68) 83.9%, oklch(85.46% 0.0643 177.71) 87.1%, oklch(87.65% 0.0622 177.76) 90.3%, oklch(89.59% 0.0604 177.81) 93.5%, oklch(91.23% 0.0589 177.83) 96.8%, oklch(92.52% 0.0579 177.81) 100.0%);

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

Gradient xanh cổ vịt

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