Xanh dương nhạt và tím (tương đồng) tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương nhạt và tím (tương đồng) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 135°: #57d4fa, #2d2259, #576ad2, #2ba1d4, #cfd9fd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#57d4fa
#52bbec
#5295d4
#516bb1
#4b4489
#402766
#361651
#31154e
#2d2259
#273669
#1e4e77
#186482
#17748c
#0d7c98
#037dac
#2d77c2
#576ad2
#795cd6
#8f52d4
#9455d9
#8665e4
#6a7aeb
#4490e4
#2ba1d4
#3dacc7
#56b3c5
#6dbacd
#84c2da
#9bc9e8
#b1cff3
#c3d5fa
#cfd9fd

CSS

background: linear-gradient(135deg in oklch, oklch(81.50% 0.1213 221.48) 0.0%, oklch(74.99% 0.1193 232.19) 3.2%, oklch(65.29% 0.1166 248.53) 6.5%, oklch(54.07% 0.1134 267.29) 9.7%, oklch(43.02% 0.1100 285.23) 12.9%, oklch(33.81% 0.1067 299.16) 16.1%, oklch(28.12% 0.1039 305.84) 19.4%, oklch(27.12% 0.1006 301.98) 22.6%, oklch(29.80% 0.0958 288.26) 25.8%, oklch(34.88% 0.0908 268.94) 29.0%, oklch(41.11% 0.0870 248.33) 32.3%, oklch(47.21% 0.0857 230.73) 35.5%, oklch(51.93% 0.0884 220.46) 38.7%, oklch(54.39% 0.0973 221.54) 41.9%, oklch(55.64% 0.1148 233.39) 45.2%, oklch(56.16% 0.1371 251.73) 48.4%, oklch(56.35% 0.1604 272.19) 51.6%, oklch(56.56% 0.1804 290.40) 54.8%, oklch(57.16% 0.1932 301.97) 58.1%, oklch(58.48% 0.1948 302.66) 61.3%, oklch(60.23% 0.1855 292.07) 64.5%, oklch(62.23% 0.1685 274.12) 67.7%, oklch(64.44% 0.1473 252.96) 71.0%, oklch(66.80% 0.1252 232.74) 74.2%, oklch(69.26% 0.1055 217.62) 77.4%, oklch(71.77% 0.0914 211.67) 80.6%, oklch(74.68% 0.0811 215.12) 83.9%, oklch(77.95% 0.0724 224.90) 87.1%, oklch(81.28% 0.0653 238.30) 90.3%, oklch(84.42% 0.0595 252.63) 93.5%, oklch(87.08% 0.0548 265.18) 96.8%, oklch(88.98% 0.0510 273.27) 100.0%);

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

Gradient xanh dương và tím

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