Xanh dương, đỏ nâu và nâu (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #0aa9d1, #15658f, #4e2d47, #7a2724, #8d553f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0aa9d1
#0ba3cc
#0c9bc6
#0e92be
#1188b5
#1380ad
#1177a3
#106e99
#15658f
#1e5c86
#29537c
#314b70
#364365
#3a3d5c
#3e3755
#46324f
#4e2d47
#56293d
#5c2734
#62262e
#69252b
#6f2428
#762426
#7a2724
#7f2a24
#832e25
#863327
#89392a
#8b412e
#8c4935
#8d503b
#8d553f

CSS

background: linear-gradient(135deg in oklch, oklch(68.11% 0.1254 222.89) 0.0%, oklch(66.52% 0.1238 224.39) 3.2%, oklch(64.27% 0.1217 226.54) 6.5%, oklch(61.65% 0.1190 229.00) 9.7%, oklch(58.97% 0.1159 231.44) 12.9%, oklch(56.41% 0.1123 233.40) 16.1%, oklch(53.70% 0.1086 234.49) 19.4%, oklch(50.93% 0.1043 235.68) 22.6%, oklch(48.22% 0.0991 238.08) 25.8%, oklch(45.72% 0.0926 242.74) 29.0%, oklch(43.26% 0.0829 249.33) 32.3%, oklch(40.86% 0.0711 257.45) 35.5%, oklch(38.71% 0.0602 267.35) 38.7%, oklch(37.00% 0.0532 279.30) 41.9%, oklch(35.85% 0.0523 294.52) 45.2%, oklch(35.18% 0.0560 314.14) 48.4%, oklch(34.89% 0.0626 334.93) 51.6%, oklch(34.89% 0.0704 353.48) 54.8%, oklch(35.13% 0.0779 6.46) 58.1%, oklch(35.73% 0.0870 14.02) 61.3%, oklch(36.64% 0.0973 18.19) 64.5%, oklch(37.71% 0.1068 20.65) 67.7%, oklch(38.82% 0.1137 23.08) 71.0%, oklch(39.93% 0.1173 25.87) 74.2%, oklch(41.14% 0.1187 27.83) 77.4%, oklch(42.41% 0.1183 29.37) 80.6%, oklch(43.73% 0.1162 30.91) 83.9%, oklch(45.09% 0.1124 32.89) 87.1%, oklch(46.68% 0.1054 35.30) 90.3%, oklch(48.33% 0.0966 37.77) 93.5%, oklch(49.78% 0.0883 39.96) 96.8%, oklch(50.79% 0.0827 41.48) 100.0%);

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

Vũng triều ven biển mùa xuân

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