Xanh hải quân, xám và xanh lá (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #11334f, #3f6e95, #83b2ae, #a2c78a, #85a744. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#11334f
#133754
#173d5d
#1b4467
#214c72
#27547d
#2d5c86
#35658e
#3f6e95
#4a779c
#5580a3
#5f89a8
#6792ad
#6d9bb0
#73a3b1
#7babb0
#83b2ae
#8db7ac
#95bcaa
#9abfa7
#9dc2a3
#a0c59c
#a1c694
#a2c78a
#a3c680
#a4c477
#a2c06d
#9dbb63
#96b559
#8faf51
#89aa4a
#85a744

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(31.10% 0.0634 246.09) 0.0%, oklch(32.72% 0.0662 246.37) 3.2%, oklch(34.93% 0.0705 246.88) 6.5%, oklch(37.56% 0.0755 247.43) 9.7%, oklch(40.45% 0.0802 247.83) 12.9%, oklch(43.42% 0.0838 247.86) 16.1%, oklch(46.30% 0.0854 247.34) 19.4%, oklch(49.12% 0.0844 246.54) 22.6%, oklch(52.12% 0.0812 246.05) 25.8%, oklch(55.22% 0.0766 245.32) 29.0%, oklch(58.30% 0.0713 243.79) 32.3%, oklch(61.25% 0.0661 240.88) 35.5%, oklch(63.97% 0.0619 236.03) 38.7%, oklch(66.40% 0.0588 228.45) 41.9%, oklch(68.72% 0.0554 217.56) 45.2%, oklch(70.90% 0.0521 204.49) 48.4%, oklch(72.89% 0.0496 190.55) 51.6%, oklch(74.63% 0.0484 177.02) 54.8%, oklch(76.07% 0.0492 165.18) 58.1%, oklch(77.17% 0.0528 156.14) 61.3%, oklch(77.98% 0.0599 148.84) 64.5%, oklch(78.51% 0.0695 142.74) 67.7%, oklch(78.76% 0.0804 137.68) 71.0%, oklch(78.73% 0.0914 133.51) 74.2%, oklch(78.42% 0.1013 130.07) 77.4%, oklch(77.80% 0.1088 127.22) 80.6%, oklch(76.59% 0.1147 125.43) 83.9%, oklch(74.87% 0.1196 124.72) 87.1%, oklch(72.90% 0.1238 124.72) 90.3%, oklch(70.95% 0.1272 125.11) 93.5%, oklch(69.26% 0.1300 125.52) 96.8%, oklch(68.11% 0.1323 125.62) 100.0%);

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

Cỏ biển lúc triều cườ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