Cầu vồng từ nâu sang xanh lá (gradient tuyến tính)

Gradient tuyến tính, 34 màu, góc 45°: #74783e, #be407e, #7f63b6, #4ba658, #60b643. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#74783e
#7f7334
#8e6a2b
#9c5f31
#a65542
#ab4e53
#b24962
#b84470
#be407e
#c13d8c
#bf3b9b
#bc3ba8
#b73bb2
#af3ebc
#a545c4
#994fc6
#8c59c0
#7f63b6
#736bae
#6673aa
#537da9
#3889a3
#239492
#339b7b
#47a068
#4ba658
#43ae4c
#2fb544
#1bbb3d
#2dbc34
#40bb34
#4fb939
#5ab73f
#60b643

CSS

background: linear-gradient(45deg in oklch, oklch(55.51% 0.0799 112.50) 0.0%, oklch(55.26% 0.0850 98.44) 3.0%, oklch(54.87% 0.0919 78.03) 6.1%, oklch(54.49% 0.1004 55.31) 9.1%, oklch(54.28% 0.1105 34.34) 12.1%, oklch(54.41% 0.1221 18.97) 15.2%, oklch(54.97% 0.1373 8.31) 18.2%, oklch(55.79% 0.1549 0.32) 21.2%, oklch(56.65% 0.1719 353.80) 24.2%, oklch(57.31% 0.1858 347.54) 27.3%, oklch(57.60% 0.1950 340.80) 30.3%, oklch(57.61% 0.2025 334.85) 33.3%, oklch(57.47% 0.2071 329.32) 36.4%, oklch(57.26% 0.2073 323.61) 39.4%, oklch(57.10% 0.2013 317.13) 42.4%, oklch(56.92% 0.1850 310.55) 45.5%, oklch(56.62% 0.1581 304.75) 48.5%, oklch(56.36% 0.1279 297.89) 51.5%, oklch(56.36% 0.1017 288.10) 54.5%, oklch(56.79% 0.0870 273.44) 57.6%, oklch(57.75% 0.0834 250.57) 60.6%, oklch(59.10% 0.0869 222.01) 63.6%, oklch(60.64% 0.0954 192.93) 66.7%, oklch(62.19% 0.1071 168.51) 69.7%, oklch(63.59% 0.1209 153.48) 72.7%, oklch(65.09% 0.1423 146.62) 75.8%, oklch(66.62% 0.1677 144.82) 78.8%, oklch(68.00% 0.1912 145.32) 81.8%, oklch(69.07% 0.2071 145.36) 84.8%, oklch(69.68% 0.2107 143.48) 87.9%, oklch(69.89% 0.2041 141.79) 90.9%, oklch(69.85% 0.1923 140.43) 93.9%, oklch(69.73% 0.1800 139.36) 97.0%, oklch(69.69% 0.1722 138.57) 100.0%);

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

Gradient cầu vồng vòng lặp

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