Tím oải hương, xanh dương và xanh cổ vịt (ba tông) tông trầm (gradient xuyên tâm)

Tím oải hương, xanh dương và xanh cổ vịt (ba tông) tông trầm: bảng màu gồm 64 màu. #d8bed5, #417487, #30326a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

64 màu, 4 keyframe OKLCH chỉnh sửa được.

#d8bed5
#d6bbd3
#d3b7d1
#cfb3ce
#ccaecb
#c8a9c7
#c3a3c3
#bf9dbf
#ba97bb
#b491b7
#af8ab3
#aa84b0
#a47eac
#9e78a8
#9873a5
#936da2
#8d69a0
#87659e
#81619c
#7c5e9b
#765c9a
#715b99
#6b5b99
#665c99
#605d99
#596099
#536298
#4d6597
#486995
#436c92
#416f8f
#40728b
#417487
#447684
#487880
#4c797d
#517a7a
#557b78
#597b76
#5c7b74
#5e7a73
#5f7a72
#5e7970
#5d776f
#5a766e
#56746d
#52726b
#4c6f6b
#466d6a
#406a6a
#39676a
#32636b
#2c5f6c
#275b6d
#23576e
#21536e
#214e6f
#23496f
#25446f
#28406e
#2a3c6d
#2d386c
#2f346b
#30326a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(83.07% 0.0427 329.77) 0.0%, oklch(82.22% 0.0443 329.07) 1.6%, oklch(81.18% 0.0463 328.43) 3.2%, oklch(79.96% 0.0487 327.82) 4.8%, oklch(78.58% 0.0515 327.22) 6.3%, oklch(77.08% 0.0546 326.62) 7.9%, oklch(75.45% 0.0579 325.99) 9.5%, oklch(73.74% 0.0614 325.30) 11.1%, oklch(71.95% 0.0651 324.55) 12.7%, oklch(70.12% 0.0688 323.71) 14.3%, oklch(68.26% 0.0725 322.76) 15.9%, oklch(66.39% 0.0761 321.68) 17.5%, oklch(64.53% 0.0797 320.44) 19.0%, oklch(62.71% 0.0831 319.04) 20.6%, oklch(60.95% 0.0863 317.44) 22.2%, oklch(59.27% 0.0892 315.62) 23.8%, oklch(57.68% 0.0918 313.58) 25.4%, oklch(56.21% 0.0940 311.28) 27.0%, oklch(54.89% 0.0958 308.70) 28.6%, oklch(53.72% 0.0970 305.83) 30.2%, oklch(52.74% 0.0977 302.64) 31.7%, oklch(51.97% 0.0978 299.12) 33.3%, oklch(51.40% 0.0972 294.97) 34.9%, oklch(51.03% 0.0958 289.97) 36.5%, oklch(50.83% 0.0938 284.24) 38.1%, oklch(50.78% 0.0911 277.87) 39.7%, oklch(50.86% 0.0880 270.98) 41.3%, oklch(51.06% 0.0844 263.66) 42.9%, oklch(51.36% 0.0804 256.03) 44.4%, oklch(51.73% 0.0762 248.18) 46.0%, oklch(52.16% 0.0718 240.23) 47.6%, oklch(52.63% 0.0673 232.27) 49.2%, oklch(53.13% 0.0627 224.41) 50.8%, oklch(53.62% 0.0582 216.75) 52.4%, oklch(54.10% 0.0539 209.41) 54.0%, oklch(54.55% 0.0497 202.49) 55.6%, oklch(54.94% 0.0458 196.08) 57.1%, oklch(55.26% 0.0423 190.30) 58.7%, oklch(55.49% 0.0393 185.24) 60.3%, oklch(55.61% 0.0367 181.03) 61.9%, oklch(55.60% 0.0348 177.75) 63.5%, oklch(55.44% 0.0335 175.51) 65.1%, oklch(55.12% 0.0331 174.42) 66.7%, oklch(54.63% 0.0334 174.57) 68.3%, oklch(54.01% 0.0343 175.88) 69.8%, oklch(53.25% 0.0358 178.25) 71.4%, oklch(52.39% 0.0379 181.57) 73.0%, oklch(51.43% 0.0404 185.74) 74.6%, oklch(50.39% 0.0434 190.65) 76.2%, oklch(49.29% 0.0466 196.18) 77.8%, oklch(48.12% 0.0502 202.24) 79.4%, oklch(46.92% 0.0540 208.70) 81.0%, oklch(45.70% 0.0580 215.47) 82.5%, oklch(44.46% 0.0621 222.44) 84.1%, oklch(43.23% 0.0662 229.49) 85.7%, oklch(42.01% 0.0703 236.52) 87.3%, oklch(40.83% 0.0743 243.43) 88.9%, oklch(39.69% 0.0782 250.09) 90.5%, oklch(38.62% 0.0819 256.41) 92.1%, oklch(37.61% 0.0853 262.28) 93.7%, oklch(36.70% 0.0884 267.58) 95.2%, oklch(35.89% 0.0911 272.22) 96.8%, oklch(35.20% 0.0933 276.07) 98.4%, oklch(34.65% 0.0951 279.04) 100.0%);

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

Tử đằng trên tường bóng râ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