Xanh dương, xanh lá và cam (ba tông) (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 270°: #29497f, #268fa8, #87cf97, #d2cc5e, #ce8e23. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#29497f
#284e84
#28558a
#285e90
#276797
#25719d
#237ba3
#2285a6
#268fa8
#2e99aa
#3aa3aa
#48ada9
#55b5a8
#61bca5
#6dc3a2
#79c99d
#87cf97
#95d290
#a2d588
#aed57f
#b9d577
#c3d36f
#cbd066
#d2cc5e
#d8c755
#dbc14d
#ddb945
#dbb03c
#d8a534
#d49c2c
#d09327
#ce8e23

CSS

background: linear-gradient(270deg in oklch, oklch(40.94% 0.0992 260.16) 0.0%, oklch(42.45% 0.0994 257.43) 3.2%, oklch(44.50% 0.0998 253.88) 6.5%, oklch(46.94% 0.1003 249.59) 9.7%, oklch(49.61% 0.1007 244.62) 12.9%, oklch(52.35% 0.1008 239.04) 16.1%, oklch(55.00% 0.1007 232.91) 19.4%, oklch(57.59% 0.0999 226.06) 22.6%, oklch(60.36% 0.0982 218.20) 25.8%, oklch(63.20% 0.0963 209.64) 29.0%, oklch(66.01% 0.0944 200.72) 32.3%, oklch(68.70% 0.0933 191.78) 35.5%, oklch(71.15% 0.0933 183.14) 38.7%, oklch(73.33% 0.0949 174.95) 41.9%, oklch(75.41% 0.0980 166.71) 45.2%, oklch(77.35% 0.1022 158.48) 48.4%, oklch(79.09% 0.1070 150.41) 51.6%, oklch(80.58% 0.1118 142.65) 54.8%, oklch(81.75% 0.1162 135.34) 58.1%, oklch(82.57% 0.1199 128.61) 61.3%, oklch(83.08% 0.1234 122.39) 64.5%, oklch(83.30% 0.1268 116.58) 67.7%, oklch(83.24% 0.1299 111.14) 71.0%, oklch(82.89% 0.1327 106.02) 74.2%, oklch(82.24% 0.1350 101.16) 77.4%, oklch(81.27% 0.1367 96.50) 80.6%, oklch(79.67% 0.1375 91.90) 83.9%, oklch(77.51% 0.1377 87.44) 87.1%, oklch(75.10% 0.1375 83.28) 90.3%, oklch(72.73% 0.1370 79.57) 93.5%, oklch(70.69% 0.1366 76.48) 96.8%, oklch(69.29% 0.1364 74.17) 100.0%);

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

Phấn hoa và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