Xanh hải quân, tím và hồng cá hồi (ba tông) tông trầm (gradient tuyến tính)

Bảng màu Xanh hải quân, tím và hồng cá hồi (ba tông) tông trầm

Gradient tuyến tính, 32 màu, góc 135°: #23395b, #4a4475, #8a5385, #c06478, #e17a5f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#23395b
#263a5d
#293b60
#2e3c63
#323e67
#373f6a
#3d416e
#434272
#4a4475
#514679
#58487c
#60497e
#684b81
#714d83
#794f84
#825185
#8a5385
#935585
#9b5784
#a35982
#ab5c81
#b25e7e
#b9617b
#c06478
#c66775
#cb6a72
#d06d6e
#d5706b
#d87367
#dc7564
#de7861
#e17a5f

CSS

background: linear-gradient(135deg in oklch, oklch(34.25% 0.0661 258.75) 0.0%, oklch(34.86% 0.0673 261.18) 3.2%, oklch(35.58% 0.0687 264.00) 6.5%, oklch(36.38% 0.0703 267.20) 9.7%, oklch(37.28% 0.0720 270.75) 12.9%, oklch(38.25% 0.0739 274.61) 16.1%, oklch(39.30% 0.0760 278.77) 19.4%, oklch(40.41% 0.0782 283.19) 22.6%, oklch(41.59% 0.0804 287.84) 25.8%, oklch(42.81% 0.0828 292.70) 29.0%, oklch(44.08% 0.0853 297.74) 32.3%, oklch(45.39% 0.0879 302.93) 35.5%, oklch(46.74% 0.0905 308.25) 38.7%, oklch(48.10% 0.0931 313.66) 41.9%, oklch(49.48% 0.0958 319.15) 45.2%, oklch(50.88% 0.0985 324.67) 48.4%, oklch(52.27% 0.1013 330.21) 51.6%, oklch(53.67% 0.1040 335.73) 54.8%, oklch(55.05% 0.1067 341.22) 58.1%, oklch(56.41% 0.1093 346.63) 61.3%, oklch(57.76% 0.1119 351.95) 64.5%, oklch(59.06% 0.1145 357.14) 67.7%, oklch(60.34% 0.1170 2.18) 71.0%, oklch(61.56% 0.1194 7.04) 74.2%, oklch(62.74% 0.1217 11.69) 77.4%, oklch(63.85% 0.1238 16.11) 80.6%, oklch(64.90% 0.1259 20.26) 83.9%, oklch(65.87% 0.1278 24.13) 87.1%, oklch(66.77% 0.1295 27.68) 90.3%, oklch(67.57% 0.1311 30.88) 93.5%, oklch(68.29% 0.1325 33.70) 96.8%, oklch(68.90% 0.1337 36.13) 100.0%);

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

Gradient hai màu

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