Cam, nâu, tím và xanh hải quân (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #c44b2d, #c5865b, #9c819e, #5c4892, #132144. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c44b2d
#c6512d
#c8582e
#cb6130
#cd6a35
#cd713c
#cc7846
#c98050
#c5865b
#c28b66
#bf8d71
#bd8d7b
#ba8b86
#b48a90
#ac8898
#a4859c
#9c819e
#957aa0
#8d72a2
#8469a4
#7a61a4
#7059a1
#66519a
#5c4892
#533f88
#4a387e
#403275
#362d6b
#2a2960
#202655
#18234b
#132144

CSS

background: linear-gradient(135deg in oklch, oklch(57.09% 0.1612 35.16) 0.0%, oklch(58.12% 0.1579 37.17) 3.2%, oklch(59.60% 0.1536 40.15) 6.5%, oklch(61.30% 0.1482 43.48) 9.7%, oklch(62.97% 0.1416 46.52) 12.9%, oklch(64.38% 0.1337 48.67) 16.1%, oklch(65.49% 0.1237 50.42) 19.4%, oklch(66.55% 0.1110 52.79) 22.6%, oklch(67.46% 0.0972 54.45) 25.8%, oklch(68.13% 0.0841 54.03) 29.0%, oklch(68.48% 0.0731 50.14) 32.3%, oklch(68.44% 0.0651 41.09) 35.5%, oklch(68.09% 0.0581 26.35) 38.7%, oklch(67.46% 0.0527 8.52) 41.9%, oklch(66.52% 0.0496 350.38) 45.2%, oklch(65.29% 0.0496 334.66) 48.4%, oklch(63.75% 0.0539 323.60) 51.6%, oklch(61.82% 0.0642 315.43) 54.8%, oklch(59.57% 0.0781 309.21) 58.1%, oklch(57.11% 0.0926 304.39) 61.3%, oklch(54.51% 0.1049 300.40) 64.5%, oklch(51.86% 0.1120 296.83) 67.7%, oklch(48.96% 0.1158 294.79) 71.0%, oklch(45.86% 0.1173 293.96) 74.2%, oklch(42.73% 0.1167 293.47) 77.4%, oklch(39.72% 0.1145 292.44) 80.6%, oklch(36.96% 0.1109 290.00) 83.9%, oklch(34.26% 0.1041 285.71) 87.1%, oklch(31.60% 0.0946 280.30) 90.3%, oklch(29.14% 0.0844 274.65) 93.5%, oklch(27.08% 0.0751 269.66) 96.8%, oklch(25.59% 0.0689 266.23) 100.0%);

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

Gradient cam và tí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