Cam, nâu, xám và xanh lá (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #e09738, #945a3b, #554147, #48504e, #708445. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e09738
#da9139
#d28a39
#c88238
#be7938
#b27038
#a76738
#9d6039
#945a3b
#8b553c
#82503c
#784d3d
#70493d
#68463f
#614341
#5a4243
#554147
#4f414b
#49434d
#45454e
#43474d
#444a4c
#464c4d
#48504e
#4a5450
#4c5b51
#506351
#566b51
#5c734f
#637a4c
#6a8049
#708445

CSS

background: linear-gradient(90deg in oklch, oklch(73.23% 0.1378 68.91) 0.0%, oklch(71.57% 0.1341 67.45) 3.2%, oklch(69.30% 0.1293 65.67) 6.5%, oklch(66.59% 0.1236 63.56) 9.7%, oklch(63.62% 0.1172 61.12) 12.9%, oklch(60.57% 0.1104 58.33) 16.1%, oklch(57.60% 0.1033 55.19) 19.4%, oklch(54.90% 0.0962 51.69) 22.6%, oklch(52.62% 0.0892 47.89) 25.8%, oklch(50.48% 0.0817 44.99) 29.0%, oklch(48.40% 0.0735 42.83) 32.3%, oklch(46.42% 0.0650 40.59) 35.5%, oklch(44.59% 0.0565 37.46) 38.7%, oklch(42.96% 0.0484 32.60) 41.9%, oklch(41.60% 0.0409 25.22) 45.2%, oklch(40.55% 0.0345 14.49) 48.4%, oklch(39.85% 0.0291 359.33) 51.6%, oklch(39.45% 0.0237 338.29) 54.8%, oklch(39.31% 0.0186 312.82) 58.1%, oklch(39.43% 0.0141 284.73) 61.3%, oklch(39.80% 0.0106 255.85) 64.5%, oklch(40.40% 0.0085 227.99) 67.7%, oklch(41.21% 0.0082 202.97) 71.0%, oklch(42.23% 0.0102 182.61) 74.2%, oklch(43.58% 0.0151 167.61) 77.4%, oklch(45.48% 0.0238 155.88) 80.6%, oklch(47.76% 0.0352 146.81) 83.9%, oklch(50.23% 0.0480 139.90) 87.1%, oklch(52.70% 0.0612 134.62) 90.3%, oklch(54.99% 0.0735 130.47) 93.5%, oklch(56.91% 0.0838 126.93) 96.8%, oklch(58.27% 0.0909 123.51) 100.0%);

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

Len loden và hổ phách

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