Cầu vồng từ nâu sang tím tông trầm (gradient tuyến tính)

Cầu vồng từ nâu sang tím tông trầm: bảng màu gồm 64 màu. #998949, #606786, #656937, #9d764e, #2d3254. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#998949
#9c8548
#a08149
#a37d4b
#a47850
#a57356
#a46f5d
#a16b64
#9c696c
#966773
#8f657a
#87657f
#7f6582
#766585
#6e6586
#676686
#606786
#596884
#526983
#4b6a80
#456b7d
#3f6c78
#3b6d73
#396d6d
#396e67
#3b6e60
#406e58
#456d51
#4c6d4a
#536c44
#596b3f
#606a3a
#656937
#6b6936
#706936
#756b37
#796c38
#7e6e3a
#82713d
#86733f
#8a7542
#8d7744
#917946
#947a48
#977a4a
#9a7a4b
#9c794d
#9d764e
#9e724f
#9d6e51
#9b6854
#976257
#915c5a
#8a565d
#815060
#784b62
#6d4663
#624263
#573f62
#4c3b60
#43385d
#3a365a
#333457
#2d3254

CSS

background: linear-gradient(225deg in oklch, oklch(62.99% 0.0868 95.62) 0.0%, oklch(62.58% 0.0854 89.23) 1.6%, oklch(62.06% 0.0835 81.47) 3.2%, oklch(61.44% 0.0812 72.51) 4.8%, oklch(60.74% 0.0786 62.48) 6.3%, oklch(59.98% 0.0758 51.55) 7.9%, oklch(59.17% 0.0728 39.87) 9.5%, oklch(58.33% 0.0697 27.57) 11.1%, oklch(57.47% 0.0665 14.82) 12.7%, oklch(56.61% 0.0635 1.76) 14.3%, oklch(55.76% 0.0605 348.55) 15.9%, oklch(54.95% 0.0578 335.32) 17.5%, oklch(54.18% 0.0553 322.24) 19.0%, oklch(53.47% 0.0531 309.46) 20.6%, oklch(52.84% 0.0514 297.12) 22.2%, oklch(52.30% 0.0502 285.37) 23.8%, oklch(51.87% 0.0495 274.32) 25.4%, oklch(51.49% 0.0493 263.31) 27.0%, oklch(51.15% 0.0497 252.08) 28.6%, oklch(50.85% 0.0504 240.70) 30.2%, oklch(50.58% 0.0515 229.24) 31.7%, oklch(50.35% 0.0528 217.78) 33.3%, oklch(50.16% 0.0544 206.38) 34.9%, oklch(50.00% 0.0562 195.13) 36.5%, oklch(49.89% 0.0581 184.09) 38.1%, oklch(49.81% 0.0600 173.33) 39.7%, oklch(49.78% 0.0620 162.94) 41.3%, oklch(49.79% 0.0639 152.97) 42.9%, oklch(49.85% 0.0657 143.50) 44.4%, oklch(49.95% 0.0673 134.60) 46.0%, oklch(50.09% 0.0687 126.35) 47.6%, oklch(50.28% 0.0698 118.82) 49.2%, oklch(50.54% 0.0707 112.14) 50.8%, oklch(50.99% 0.0714 106.60) 52.4%, oklch(51.61% 0.0721 102.11) 54.0%, oklch(52.37% 0.0726 98.51) 55.6%, oklch(53.24% 0.0732 95.64) 57.1%, oklch(54.18% 0.0737 93.33) 58.7%, oklch(55.15% 0.0741 91.44) 60.3%, oklch(56.12% 0.0744 89.78) 61.9%, oklch(57.05% 0.0747 88.22) 63.5%, oklch(57.91% 0.0748 86.58) 65.1%, oklch(58.66% 0.0750 84.71) 66.7%, oklch(59.27% 0.0750 82.43) 68.3%, oklch(59.70% 0.0750 79.61) 69.8%, oklch(59.92% 0.0749 76.06) 71.4%, oklch(59.89% 0.0747 71.64) 73.0%, oklch(59.58% 0.0745 66.17) 74.6%, oklch(58.93% 0.0741 59.49) 76.2%, oklch(57.93% 0.0736 51.57) 77.8%, oklch(56.62% 0.0729 42.58) 79.4%, oklch(55.05% 0.0721 32.72) 81.0%, oklch(53.26% 0.0711 22.19) 82.5%, oklch(51.31% 0.0701 11.16) 84.1%, oklch(49.24% 0.0690 359.83) 85.7%, oklch(47.10% 0.0679 348.38) 87.3%, oklch(44.93% 0.0668 337.02) 88.9%, oklch(42.79% 0.0657 325.93) 90.5%, oklch(40.71% 0.0646 315.29) 92.1%, oklch(38.76% 0.0636 305.30) 93.7%, oklch(36.97% 0.0627 296.15) 95.2%, oklch(35.39% 0.0618 288.03) 96.8%, oklch(34.08% 0.0612 281.12) 98.4%, oklch(33.07% 0.0606 275.63) 100.0%);

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

Tán cây cử ánh đồ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