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

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

Gradient xuyên tâm, 32 màu: #b7f7e7, #58daca, #0b9aa1, #035973, #031e36. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b7f7e7
#b0f5e5
#a6f3e2
#9af0de
#8cecda
#7de8d6
#70e4d2
#64dfce
#58daca
#4dd5c6
#42d0c2
#36c9bd
#29c2b9
#1cbab4
#11b0ae
#0ba5a8
#0b9aa1
#0c8f99
#0d8592
#0a7b8b
#077285
#04697f
#03617a
#035973
#04506d
#054866
#05405d
#053754
#052f4b
#042842
#04223b
#031e36

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.91% 0.0675 177.89) 0.0%, oklch(92.04% 0.0723 178.30) 3.2%, oklch(90.86% 0.0793 178.83) 6.5%, oklch(89.45% 0.0874 179.47) 9.7%, oklch(87.88% 0.0958 180.21) 12.9%, oklch(86.23% 0.1034 181.04) 16.1%, oklch(84.58% 0.1093 181.93) 19.4%, oklch(82.96% 0.1134 182.83) 22.6%, oklch(81.34% 0.1166 183.65) 25.8%, oklch(79.66% 0.1189 184.53) 29.0%, oklch(77.87% 0.1204 185.58) 32.3%, oklch(75.92% 0.1209 186.92) 35.5%, oklch(73.77% 0.1204 188.67) 38.7%, oklch(71.34% 0.1186 190.94) 41.9%, oklch(68.59% 0.1151 193.69) 45.2%, oklch(65.61% 0.1103 196.82) 48.4%, oklch(62.52% 0.1048 200.23) 51.6%, oklch(59.42% 0.0994 203.80) 54.8%, oklch(56.43% 0.0946 207.43) 58.1%, oklch(53.63% 0.0911 211.06) 61.3%, oklch(50.94% 0.0884 214.96) 64.5%, oklch(48.31% 0.0863 219.08) 67.7%, oklch(45.74% 0.0845 223.26) 71.0%, oklch(43.18% 0.0826 227.33) 74.2%, oklch(40.63% 0.0806 231.15) 77.4%, oklch(38.06% 0.0780 234.55) 80.6%, oklch(35.27% 0.0747 237.74) 83.9%, oklch(32.33% 0.0709 240.79) 87.1%, oklch(29.42% 0.0670 243.61) 90.3%, oklch(26.74% 0.0633 246.11) 93.5%, oklch(24.48% 0.0601 248.18) 96.8%, oklch(22.83% 0.0579 249.75) 100.0%);

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

Gradient đại 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