Tím oải hương sang xanh hải quân (tương đồng) tông trầm (gradient tuyến tính)

Bảng màu Tím oải hương sang xanh hải quân (tương đồng) tông trầm

Gradient tuyến tính, 32 màu, góc 60°: #c9a7cd, #a586c8, #786cb3, #565892, #3d4266. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c9a7cd
#c7a5cd
#c4a1cc
#c09dcb
#bc99cb
#b794ca
#b18fc9
#ab8bc9
#a586c8
#9f82c6
#997ec5
#947bc3
#8e78c0
#8874bd
#8372ba
#7d6fb7
#786cb3
#7369af
#6d66ab
#6964a6
#6461a2
#5f5e9d
#5b5b98
#565892
#52548b
#4e5185
#4a4e7e
#474b78
#444872
#41456d
#3f4369
#3d4266

CSS

background: linear-gradient(60deg in oklch, oklch(77.17% 0.0648 322.73) 0.0%, oklch(76.42% 0.0674 321.44) 3.2%, oklch(75.46% 0.0711 319.76) 6.5%, oklch(74.33% 0.0756 317.76) 9.7%, oklch(73.06% 0.0805 315.51) 12.9%, oklch(71.69% 0.0858 313.11) 16.1%, oklch(70.26% 0.0910 310.61) 19.4%, oklch(68.79% 0.0960 308.09) 22.6%, oklch(67.34% 0.1004 305.63) 25.8%, oklch(65.92% 0.1042 303.31) 29.0%, oklch(64.59% 0.1069 301.19) 32.3%, oklch(63.35% 0.1084 299.28) 35.5%, oklch(62.12% 0.1094 297.40) 38.7%, oklch(60.89% 0.1097 295.54) 41.9%, oklch(59.67% 0.1095 293.72) 45.2%, oklch(58.46% 0.1088 291.96) 48.4%, oklch(57.24% 0.1078 290.26) 51.6%, oklch(56.03% 0.1064 288.64) 54.8%, oklch(54.82% 0.1047 287.12) 58.1%, oklch(53.60% 0.1027 285.70) 61.3%, oklch(52.39% 0.1007 284.42) 64.5%, oklch(51.16% 0.0984 283.27) 67.7%, oklch(49.86% 0.0956 282.25) 71.0%, oklch(48.48% 0.0920 281.36) 74.2%, oklch(47.07% 0.0880 280.58) 77.4%, oklch(45.65% 0.0838 279.90) 80.6%, oklch(44.26% 0.0794 279.31) 83.9%, oklch(42.94% 0.0750 278.80) 87.1%, oklch(41.71% 0.0710 278.36) 90.3%, oklch(40.62% 0.0673 277.96) 93.5%, oklch(39.70% 0.0643 277.61) 96.8%, oklch(38.98% 0.0620 277.29) 100.0%);

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

Gradient tông trầ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