Xanh dương nhạt, tím, tím oải hương và xanh dương (gradient tuyến tính)

Bảng màu Xanh dương nhạt, tím, tím oải hương và xanh dương

Gradient tuyến tính, 40 màu, góc 135°: #86bbcc, #2c8ad6, #a77cc7, #ded0ff, #4d5dc7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#86bbcc
#7fbace
#74bad1
#67bad4
#57b9d8
#44b7dc
#2db4df
#14afe1
#06a7e1
#189ade
#2c8ad6
#3c77ca
#4765bb
#4f55ac
#54499e
#5a4295
#624293
#6e4a99
#7f57a4
#9268b4
#a77cc7
#bb8fda
#cda1eb
#dab0f8
#e2b9ff
#e4c3ff
#e4caff
#e4cfff
#e2d0ff
#ded0ff
#d9cdff
#d2c7ff
#c8c0fb
#b9b3f5
#a6a4ed
#9293e5
#7d82dc
#6973d4
#5966cd
#4d5dc7

CSS

background: linear-gradient(135deg in oklch, oklch(75.98% 0.0606 220.08) 0.0%, oklch(75.54% 0.0675 220.62) 2.6%, oklch(75.08% 0.0774 220.92) 5.1%, oklch(74.55% 0.0891 221.25) 7.7%, oklch(73.87% 0.1018 221.88) 10.3%, oklch(72.98% 0.1142 223.07) 12.8%, oklch(71.83% 0.1255 225.10) 15.4%, oklch(70.36% 0.1344 228.23) 17.9%, oklch(68.47% 0.1400 232.74) 20.5%, oklch(65.51% 0.1427 239.33) 23.1%, oklch(61.58% 0.1432 247.74) 25.6%, oklch(57.17% 0.1421 257.31) 28.2%, oklch(52.77% 0.1399 267.36) 30.8%, oklch(48.91% 0.1369 277.22) 33.3%, oklch(46.06% 0.1338 286.24) 35.9%, oklch(44.74% 0.1309 293.73) 38.5%, oklch(45.45% 0.1287 299.16) 41.0%, oklch(48.45% 0.1264 303.23) 43.6%, oklch(53.22% 0.1239 306.31) 46.2%, oklch(59.13% 0.1211 308.50) 48.7%, oklch(65.58% 0.1182 309.94) 51.3%, oklch(71.92% 0.1152 310.77) 53.8%, oklch(77.56% 0.1120 311.09) 56.4%, oklch(81.86% 0.1088 311.05) 59.0%, oklch(84.52% 0.1042 310.63) 61.5%, oklch(86.47% 0.0885 309.37) 64.1%, oklch(87.82% 0.0769 307.40) 66.7%, oklch(88.59% 0.0694 304.91) 69.2%, oklch(88.77% 0.0658 302.09) 71.8%, oklch(88.37% 0.0661 299.12) 74.4%, oklch(87.38% 0.0699 296.19) 76.9%, oklch(85.81% 0.0771 293.49) 79.5%, oklch(83.35% 0.0831 290.93) 82.1%, oklch(79.54% 0.0925 288.09) 84.6%, oklch(74.81% 0.1048 285.11) 87.2%, oklch(69.58% 0.1187 282.13) 89.7%, oklch(64.29% 0.1330 279.27) 92.3%, oklch(59.36% 0.1464 276.69) 94.9%, oklch(55.24% 0.1576 274.53) 97.4%, oklch(52.36% 0.1654 272.92) 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