Cầu vồng từ xám sang nâu tông trầm (gradient xuyên tâm)

Bảng màu Cầu vồng từ xám sang nâu tông trầm

Gradient xuyên tâm, 32 màu: #b1ad7f, #e6d6c3, #697baf, #5c5c35, #7e6d5c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b1ad7f
#b6b285
#beb990
#c6c19d
#cfcaaa
#d8d1b6
#dfd7bf
#e4d9c4
#e6d6c3
#e4cdbc
#e1bfb4
#d9aead
#cd9dac
#ba8eae
#a183b2
#857db3
#697baf
#4a7aa3
#2e798f
#257676
#33705c
#466948
#53623b
#5c5c35
#625935
#675939
#6c5b3f
#715f46
#75634d
#796753
#7c6b59
#7e6d5c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(74.02% 0.0634 104.06) 0.0%, oklch(75.49% 0.0601 102.60) 3.2%, oklch(77.80% 0.0551 101.61) 6.5%, oklch(80.57% 0.0491 100.49) 9.7%, oklch(83.42% 0.0428 98.62) 12.9%, oklch(85.99% 0.0371 95.38) 16.1%, oklch(87.91% 0.0327 90.18) 19.4%, oklch(88.81% 0.0303 82.38) 22.6%, oklch(88.31% 0.0308 71.39) 25.8%, oklch(86.29% 0.0348 56.89) 29.0%, oklch(83.05% 0.0416 39.43) 32.3%, oklch(78.99% 0.0502 19.67) 35.5%, oklch(74.45% 0.0596 358.27) 38.7%, oklch(69.81% 0.0686 335.92) 41.9%, oklch(65.45% 0.0762 313.26) 45.2%, oklch(61.74% 0.0813 290.98) 48.4%, oklch(58.89% 0.0832 269.20) 51.6%, oklch(56.32% 0.0825 245.47) 54.8%, oklch(53.94% 0.0799 220.29) 58.1%, oklch(51.79% 0.0760 194.66) 61.3%, oklch(49.93% 0.0713 169.62) 64.5%, oklch(48.41% 0.0662 146.21) 67.7%, oklch(47.27% 0.0614 125.44) 71.0%, oklch(46.56% 0.0573 108.35) 74.2%, oklch(46.42% 0.0540 95.57) 77.4%, oklch(46.99% 0.0506 86.32) 80.6%, oklch(48.10% 0.0470 79.92) 83.9%, oklch(49.54% 0.0436 75.71) 87.1%, oklch(51.11% 0.0403 73.05) 90.3%, oklch(52.63% 0.0374 71.28) 93.5%, oklch(53.90% 0.0349 69.74) 96.8%, oklch(54.72% 0.0331 67.78) 100.0%);

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

Tím oải hương

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