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

Bảng màu Xanh dương nhạt, xanh cổ vịt, xanh dương và tím oải hương tông trầm

Gradient tuyến tính, 32 màu, góc 180°: #8ac7c1, #5a9994, #6875a0, #a77d97, #e5ccd9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8ac7c1
#86c4be
#82bfb9
#7cb9b3
#76b3ac
#6faca4
#68a69e
#619f98
#5a9994
#549491
#4f9091
#4c8c93
#4b8896
#4d849b
#547f9e
#5d79a0
#6875a0
#74709e
#7e6e9a
#886d96
#906d92
#977091
#9e7692
#a77d97
#af879d
#b892a6
#c19db0
#caa9ba
#d2b4c3
#dabecc
#e0c6d3
#e5ccd9

CSS

background: linear-gradient(180deg in oklch, oklch(78.74% 0.0634 188.44) 0.0%, oklch(77.63% 0.0635 188.53) 3.2%, oklch(76.13% 0.0638 188.00) 6.5%, oklch(74.31% 0.0640 187.13) 9.7%, oklch(72.29% 0.0643 186.23) 12.9%, oklch(70.15% 0.0646 185.59) 16.1%, oklch(67.98% 0.0649 185.52) 19.4%, oklch(65.89% 0.0653 186.31) 22.6%, oklch(63.96% 0.0656 188.26) 25.8%, oklch(62.29% 0.0658 191.67) 29.0%, oklch(60.97% 0.0661 196.84) 32.3%, oklch(60.00% 0.0663 204.28) 35.5%, oklch(59.12% 0.0668 214.56) 38.7%, oklch(58.32% 0.0675 227.11) 41.9%, oklch(57.65% 0.0682 241.28) 45.2%, oklch(57.14% 0.0689 256.44) 48.4%, oklch(56.84% 0.0695 271.95) 51.6%, oklch(56.76% 0.0698 287.16) 54.8%, oklch(56.96% 0.0698 301.43) 58.1%, oklch(57.45% 0.0694 314.13) 61.3%, oklch(58.29% 0.0685 324.61) 64.5%, oklch(59.52% 0.0669 332.30) 67.7%, oklch(61.42% 0.0645 337.84) 71.0%, oklch(63.92% 0.0612 341.73) 74.2%, oklch(66.87% 0.0575 344.24) 77.4%, oklch(70.12% 0.0533 345.64) 80.6%, oklch(73.50% 0.0490 346.20) 83.9%, oklch(76.86% 0.0447 346.20) 87.1%, oklch(80.05% 0.0406 345.90) 90.3%, oklch(82.91% 0.0369 345.56) 93.5%, oklch(85.28% 0.0339 345.47) 96.8%, oklch(87.01% 0.0317 345.89) 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