Xanh cổ vịt, xanh dương và xám (gradient xuyên tâm)

Gradient xuyên tâm, 56 màu: #499484, #506798, #518c7a, #aaa176, #68b6b3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#499484
#459385
#419288
#3d908b
#388d8e
#358a91
#348694
#348297
#377e99
#3b7a9a
#40759b
#45719b
#496d9a
#4d6a99
#506798
#536496
#546395
#546294
#546294
#526495
#4f6795
#4a6a96
#446f96
#3f7494
#3a7a91
#397f8d
#3d8488
#458881
#518c7a
#5f8f74
#6d916f
#7a926c
#86946a
#90956a
#99966b
#a0976d
#a5986f
#a89971
#aa9b73
#ab9d74
#ab9e75
#aaa176
#a8a377
#a4a578
#a0a87a
#9aaa7d
#94ad81
#8daf87
#86b18c
#7fb293
#79b399
#73b4a0
#6fb5a6
#6bb5ab
#69b5b0
#68b6b3

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.0799 177.19) 0.0%, oklch(61.06% 0.0800 180.38) 1.8%, oklch(60.57% 0.0801 184.75) 3.6%, oklch(59.97% 0.0803 190.14) 5.5%, oklch(59.28% 0.0806 196.35) 7.3%, oklch(58.52% 0.0809 203.22) 9.1%, oklch(57.70% 0.0812 210.56) 10.9%, oklch(56.86% 0.0815 218.20) 12.7%, oklch(55.99% 0.0818 225.95) 14.5%, oklch(55.14% 0.0820 233.65) 16.4%, oklch(54.30% 0.0823 241.11) 18.2%, oklch(53.51% 0.0825 248.15) 20.0%, oklch(52.78% 0.0826 254.60) 21.8%, oklch(52.13% 0.0827 260.28) 23.6%, oklch(51.57% 0.0827 265.01) 25.5%, oklch(51.14% 0.0825 268.61) 27.3%, oklch(50.84% 0.0823 270.90) 29.1%, oklch(50.70% 0.0820 271.71) 30.9%, oklch(50.73% 0.0815 270.86) 32.7%, oklch(50.96% 0.0808 268.07) 34.5%, oklch(51.38% 0.0799 263.03) 36.4%, oklch(51.98% 0.0788 255.98) 38.2%, oklch(52.74% 0.0775 247.19) 40.0%, oklch(53.63% 0.0761 236.92) 41.8%, oklch(54.63% 0.0745 225.46) 43.6%, oklch(55.72% 0.0728 213.06) 45.5%, oklch(56.89% 0.0711 200.00) 47.3%, oklch(58.11% 0.0693 186.55) 49.1%, oklch(59.36% 0.0676 172.98) 50.9%, oklch(60.63% 0.0659 159.56) 52.7%, oklch(61.88% 0.0643 146.56) 54.5%, oklch(63.11% 0.0628 134.24) 56.4%, oklch(64.28% 0.0614 122.89) 58.2%, oklch(65.39% 0.0602 112.77) 60.0%, oklch(66.40% 0.0592 104.14) 61.8%, oklch(67.30% 0.0585 97.29) 63.6%, oklch(68.07% 0.0580 92.48) 65.5%, oklch(68.70% 0.0579 89.94) 67.3%, oklch(69.23% 0.0580 89.42) 69.1%, oklch(69.70% 0.0584 90.63) 70.9%, oklch(70.11% 0.0590 93.39) 72.7%, oklch(70.47% 0.0599 97.50) 74.5%, oklch(70.78% 0.0609 102.79) 76.4%, oklch(71.04% 0.0621 109.07) 78.2%, oklch(71.26% 0.0634 116.14) 80.0%, oklch(71.45% 0.0648 123.82) 81.8%, oklch(71.60% 0.0663 131.93) 83.6%, oklch(71.74% 0.0678 140.27) 85.5%, oklch(71.85% 0.0693 148.66) 87.3%, oklch(71.94% 0.0707 156.92) 89.1%, oklch(72.02% 0.0721 164.84) 90.9%, oklch(72.10% 0.0734 172.26) 92.7%, oklch(72.18% 0.0746 178.97) 94.5%, oklch(72.25% 0.0757 184.80) 96.4%, oklch(72.34% 0.0765 189.55) 98.2%, oklch(72.44% 0.0772 193.04) 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