Xanh dương sang xanh lá (hai tông) tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương sang xanh lá (hai tông) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #63a7ed, #60b5b2, #67b754, #63ae06, #5f9c0a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#63a7ed
#5fa9e8
#5dace1
#5eaed9
#60b0d0
#63b1c8
#64b3c1
#62b4ba
#60b5b2
#5eb6a8
#5eb79d
#61b790
#65b783
#69b778
#6ab76c
#69b760
#67b754
#65b747
#64b63b
#64b52d
#65b321
#65b216
#64b00d
#63ae06
#63ac01
#62aa00
#62a700
#62a500
#61a200
#609f03
#5f9d07
#5f9c0a

CSS

background: linear-gradient(90deg in oklch, oklch(71.26% 0.1240 250.31) 0.0%, oklch(71.36% 0.1185 246.18) 3.2%, oklch(71.51% 0.1103 240.63) 6.5%, oklch(71.69% 0.1008 233.98) 9.7%, oklch(71.85% 0.0916 226.57) 12.9%, oklch(71.98% 0.0842 218.70) 16.1%, oklch(72.05% 0.0802 210.69) 19.4%, oklch(72.03% 0.0803 202.21) 22.6%, oklch(71.96% 0.0832 192.46) 25.8%, oklch(71.84% 0.0883 182.10) 29.0%, oklch(71.69% 0.0950 171.86) 32.3%, oklch(71.52% 0.1028 162.44) 35.5%, oklch(71.34% 0.1111 154.58) 38.7%, oklch(71.15% 0.1199 148.82) 41.9%, oklch(70.95% 0.1309 144.70) 45.2%, oklch(70.74% 0.1434 141.83) 48.4%, oklch(70.50% 0.1562 139.83) 51.6%, oklch(70.22% 0.1680 138.36) 54.8%, oklch(69.90% 0.1776 137.04) 58.1%, oklch(69.53% 0.1841 135.62) 61.3%, oklch(69.10% 0.1880 134.57) 64.5%, oklch(68.62% 0.1901 133.94) 67.7%, oklch(68.10% 0.1907 133.59) 71.0%, oklch(67.55% 0.1904 133.40) 74.2%, oklch(66.99% 0.1895 133.23) 77.4%, oklch(66.42% 0.1873 132.95) 80.6%, oklch(65.76% 0.1846 132.67) 83.9%, oklch(65.04% 0.1819 132.45) 87.1%, oklch(64.30% 0.1793 132.28) 90.3%, oklch(63.60% 0.1762 132.14) 93.5%, oklch(63.02% 0.1730 132.04) 96.8%, oklch(62.60% 0.1709 131.96) 100.0%);

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

Bảng màu ngọc lục bảo 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