Xanh cổ vịt, xanh dương và hồng (ba tông) (gradient tuyến tính)

Bảng màu Xanh cổ vịt, xanh dương và hồng (ba tông)

Gradient tuyến tính, 32 màu, góc 90°: #007d74, #33a693, #5a8da1, #aa6995, #ee4b6f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#007d74
#008177
#03867b
#078c81
#0e9286
#16988a
#1f9c8e
#29a190
#33a693
#3aa996
#40aa99
#43a99c
#48a59d
#4d9e9d
#51989d
#55929e
#5a8da1
#6387a4
#6f81a5
#7b7aa3
#87759f
#92719b
#9e6d98
#aa6995
#b86490
#c4608a
#ce5c83
#d7587c
#de5578
#e55174
#ea4e72
#ee4b6f

CSS

background: linear-gradient(90deg in oklch, oklch(53.15% 0.0934 185.62) 0.0%, oklch(54.27% 0.0954 185.35) 3.2%, oklch(55.86% 0.0979 184.96) 6.5%, oklch(57.70% 0.1007 184.51) 9.7%, oklch(59.55% 0.1031 184.03) 12.9%, oklch(61.18% 0.1046 183.58) 16.1%, oklch(62.63% 0.1051 182.74) 19.4%, oklch(64.15% 0.1052 181.17) 22.6%, oklch(65.56% 0.1047 179.70) 25.8%, oklch(66.67% 0.1032 179.17) 29.0%, oklch(67.27% 0.1005 180.43) 32.3%, oklch(67.15% 0.0958 183.83) 35.5%, oklch(66.28% 0.0884 188.35) 38.7%, oklch(64.96% 0.0798 194.31) 41.9%, oklch(63.52% 0.0716 202.15) 45.2%, oklch(62.27% 0.0653 212.30) 48.4%, oklch(61.43% 0.0621 225.57) 51.6%, oklch(60.73% 0.0602 243.49) 54.8%, oklch(60.13% 0.0597 264.17) 58.1%, oklch(59.69% 0.0613 285.20) 61.3%, oklch(59.46% 0.0656 304.19) 64.5%, oklch(59.50% 0.0733 318.98) 67.7%, oklch(59.89% 0.0858 330.71) 71.0%, oklch(60.54% 0.1018 340.41) 74.2%, oklch(61.32% 0.1191 348.42) 77.4%, oklch(62.07% 0.1357 355.13) 80.6%, oklch(62.69% 0.1495 0.88) 83.9%, oklch(63.23% 0.1617 5.13) 87.1%, oklch(63.77% 0.1733 7.85) 90.3%, oklch(64.25% 0.1836 9.51) 93.5%, oklch(64.66% 0.1922 10.61) 96.8%, oklch(64.96% 0.1984 11.61) 100.0%);

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

Gradient hồng và xanh cổ vịt

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