Xanh dương, xanh lá nhạt và nâu vàng (ba tông) (gradient xuyên tâm)

Bảng màu Xanh dương, xanh lá nhạt và nâu vàng (ba tông)

Gradient xuyên tâm, 32 màu: #3f92c9, #5dc1e2, #8fe0d9, #b7dfb6, #c7bc8b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3f92c9
#4196cb
#449bce
#47a1d2
#4ba7d6
#50aeda
#54b5de
#59bbe1
#5dc1e2
#62c6e3
#68cbe3
#6ed0e3
#75d4e2
#7cd8e0
#83dbde
#89dedc
#8fe0d9
#95e2d5
#9be3d0
#a1e3cc
#a7e3c6
#ade2c1
#b2e1bc
#b7dfb6
#bbdcb1
#bed8aa
#c1d3a3
#c3cd9c
#c4c896
#c5c391
#c6bf8d
#c7bc8b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(63.39% 0.1144 240.47) 0.0%, oklch(64.42% 0.1137 239.23) 3.2%, oklch(65.83% 0.1129 237.70) 6.5%, oklch(67.51% 0.1120 235.88) 9.7%, oklch(69.36% 0.1109 233.79) 12.9%, oklch(71.26% 0.1096 231.42) 16.1%, oklch(73.13% 0.1080 228.79) 19.4%, oklch(74.85% 0.1062 225.89) 22.6%, oklch(76.33% 0.1042 222.75) 25.8%, oklch(77.73% 0.1016 219.34) 29.0%, oklch(79.11% 0.0986 215.65) 32.3%, oklch(80.43% 0.0953 211.70) 35.5%, oklch(81.68% 0.0919 207.49) 38.7%, oklch(82.83% 0.0885 203.02) 41.9%, oklch(83.84% 0.0853 198.31) 45.2%, oklch(84.68% 0.0825 193.36) 48.4%, oklch(85.35% 0.0802 188.15) 51.6%, oklch(85.89% 0.0781 182.51) 54.8%, oklch(86.29% 0.0761 176.52) 58.1%, oklch(86.57% 0.0744 170.27) 61.3%, oklch(86.71% 0.0729 163.87) 64.5%, oklch(86.72% 0.0715 157.42) 67.7%, oklch(86.58% 0.0702 151.02) 71.0%, oklch(86.31% 0.0691 144.77) 74.2%, oklch(85.83% 0.0682 138.51) 77.4%, oklch(85.04% 0.0676 131.76) 80.6%, oklch(84.03% 0.0671 124.78) 83.9%, oklch(82.90% 0.0668 117.87) 87.1%, oklch(81.74% 0.0666 111.32) 90.3%, oklch(80.66% 0.0664 105.42) 93.5%, oklch(79.76% 0.0663 100.47) 96.8%, oklch(79.13% 0.0661 96.75) 100.0%);

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

Giao diện kính óng ánh

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