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

Bảng màu Xanh dương nhạt, xanh cổ vịt, hồng và tím

Gradient tuyến tính, 32 màu, góc 135°: #8cdcd0, #39a5a3, #6e5d7f, #b03e6e, #7c234d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8cdcd0
#85d8cd
#7bd3c9
#6fcdc5
#62c6c0
#58bfba
#4cb7b2
#41aeaa
#39a5a3
#369b9e
#3e9099
#4a8592
#537a8a
#587183
#5b6b81
#626482
#6e5d7f
#7b5678
#86516f
#8f4c6b
#99476a
#a2426c
#a93e6d
#b03e6e
#b74270
#bb4773
#bc4975
#b74671
#a93e69
#98345e
#872a54
#7c234d

CSS

background: linear-gradient(135deg in oklch, oklch(83.86% 0.0799 184.22) 0.0%, oklch(82.62% 0.0827 185.22) 3.2%, oklch(80.88% 0.0867 186.65) 6.5%, oklch(78.81% 0.0910 188.29) 9.7%, oklch(76.57% 0.0943 189.92) 12.9%, oklch(74.23% 0.0960 191.09) 16.1%, oklch(71.61% 0.0974 191.18) 19.4%, oklch(68.83% 0.0979 191.40) 22.6%, oklch(66.04% 0.0962 193.15) 25.8%, oklch(63.41% 0.0913 197.77) 29.0%, oklch(60.76% 0.0801 204.77) 32.3%, oklch(58.08% 0.0647 213.68) 35.5%, oklch(55.62% 0.0500 224.91) 38.7%, oklch(53.61% 0.0409 238.86) 41.9%, oklch(52.20% 0.0407 257.22) 45.2%, oklch(51.28% 0.0468 281.51) 48.4%, oklch(50.73% 0.0571 307.32) 51.6%, oklch(50.46% 0.0695 329.99) 54.8%, oklch(50.40% 0.0823 345.01) 58.1%, oklch(50.66% 0.0986 352.42) 61.3%, oklch(51.20% 0.1172 355.10) 64.5%, oklch(51.91% 0.1346 355.54) 67.7%, oklch(52.65% 0.1475 356.21) 71.0%, oklch(53.72% 0.1542 357.93) 74.2%, oklch(55.30% 0.1566 359.00) 77.4%, oklch(56.69% 0.1562 359.53) 80.6%, oklch(57.14% 0.1542 359.68) 83.9%, oklch(55.88% 0.1517 359.50) 87.1%, oklch(52.51% 0.1466 358.67) 90.3%, oklch(48.09% 0.1401 357.45) 93.5%, oklch(43.82% 0.1338 356.23) 96.8%, oklch(40.94% 0.1295 355.41) 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