Nâu vàng, xanh lá nhạt và xanh dương (ba tông) (gradient tuyến tính)

Bảng màu Nâu vàng, xanh lá nhạt và xanh dương (ba tông)

Gradient tuyến tính, 32 màu, góc 135°: #e99a6a, #89e5d7, #244c80, #01b4be, #e8e5b7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e99a6a
#e7a365
#e2b166
#d9c270
#cad384
#b9e19e
#a7e9b8
#97ebcc
#89e5d7
#77d6d7
#63bfcf
#50a5c1
#418aaf
#34719d
#2b5c8d
#265083
#244c80
#225086
#1e5b90
#166a9d
#007dab
#0091b4
#00a3bb
#01b4be
#30bfbb
#55c9b4
#79d1ad
#9ad7a7
#b6dca6
#cddfaa
#dde2b1
#e8e5b7

CSS

background: linear-gradient(135deg in oklch, oklch(75.59% 0.1144 52.03) 0.0%, oklch(76.88% 0.1123 62.65) 3.2%, oklch(79.03% 0.1092 77.23) 6.5%, oklch(81.62% 0.1056 94.61) 9.7%, oklch(84.22% 0.1017 113.64) 12.9%, oklch(86.38% 0.0980 133.16) 16.1%, oklch(87.69% 0.0946 152.01) 19.4%, oklch(87.71% 0.0921 169.03) 22.6%, oklch(85.97% 0.0907 183.20) 25.8%, oklch(81.74% 0.0902 196.55) 29.0%, oklch(75.46% 0.0903 209.72) 32.3%, oklch(67.97% 0.0910 222.21) 35.5%, oklch(60.10% 0.0921 233.49) 38.7%, oklch(52.70% 0.0935 243.04) 41.9%, oklch(46.61% 0.0952 250.35) 45.2%, oklch(42.65% 0.0969 254.91) 48.4%, oklch(41.54% 0.0989 256.18) 51.6%, oklch(42.84% 0.1022 254.05) 54.8%, oklch(45.96% 0.1063 249.07) 58.1%, oklch(50.35% 0.1106 241.85) 61.3%, oklch(55.48% 0.1146 232.99) 64.5%, oklch(60.83% 0.1133 223.06) 67.7%, oklch(65.85% 0.1151 212.68) 71.0%, oklch(70.02% 0.1190 202.44) 74.2%, oklch(73.28% 0.1158 191.91) 77.4%, oklch(76.48% 0.1096 179.27) 80.6%, oklch(79.60% 0.1014 165.25) 83.9%, oklch(82.57% 0.0921 150.73) 87.1%, oklch(85.30% 0.0824 136.57) 90.3%, oklch(87.72% 0.0734 123.62) 93.5%, oklch(89.76% 0.0658 112.77) 96.8%, oklch(91.34% 0.0606 104.87) 100.0%);

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

Gradient bãi biể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