Xanh hải quân, xanh cổ vịt và xanh lá nhạt (ba tông) (gradient xuyên tâm)

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

Gradient xuyên tâm, 32 màu: #051229, #183264, #005e67, #529169, #caebc4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#051229
#06142d
#071733
#091b3a
#0d1f41
#10234a
#132853
#162d5c
#183264
#18386c
#153d73
#0b4378
#004a77
#004f73
#00556e
#00596b
#005e67
#006364
#006961
#00705e
#11775c
#2c7e5d
#408662
#529169
#659c73
#76a97f
#88b68c
#98c39a
#a8cfa7
#b5dab3
#c1e4bd
#caebc4

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.50% 0.0510 259.45) 0.0%, oklch(19.58% 0.0542 259.57) 3.2%, oklch(20.97% 0.0587 260.19) 6.5%, oklch(22.62% 0.0642 261.10) 9.7%, oklch(24.47% 0.0702 262.05) 12.9%, oklch(26.46% 0.0766 262.85) 16.1%, oklch(28.53% 0.0830 263.27) 19.4%, oklch(30.62% 0.0891 263.07) 22.6%, oklch(32.68% 0.0946 262.06) 25.8%, oklch(34.64% 0.0992 259.99) 29.0%, oklch(36.45% 0.1025 256.66) 32.3%, oklch(38.04% 0.1046 251.72) 35.5%, oklch(39.42% 0.0991 244.93) 38.7%, oklch(40.64% 0.0881 236.55) 41.9%, oklch(41.77% 0.0807 227.05) 45.2%, oklch(42.88% 0.0765 216.84) 48.4%, oklch(44.06% 0.0754 206.32) 51.6%, oklch(45.36% 0.0773 195.92) 54.8%, oklch(46.86% 0.0822 186.04) 58.1%, oklch(48.63% 0.0901 177.10) 61.3%, oklch(50.73% 0.0964 169.51) 64.5%, oklch(53.27% 0.0944 163.62) 67.7%, oklch(56.45% 0.0918 158.88) 71.0%, oklch(60.19% 0.0886 155.00) 74.2%, oklch(64.34% 0.0851 151.86) 77.4%, oklch(68.71% 0.0813 149.34) 80.6%, oklch(73.15% 0.0774 147.33) 83.9%, oklch(77.50% 0.0735 145.73) 87.1%, oklch(81.57% 0.0699 144.42) 90.3%, oklch(85.22% 0.0667 143.28) 93.5%, oklch(88.27% 0.0640 142.21) 96.8%, oklch(90.55% 0.0620 141.10) 100.0%);

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

Gradient xanh dương và xanh lá

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