Xanh hải quân, tím, xanh cổ vịt và vàng (gradient tuyến tính)

Bảng màu Xanh hải quân, tím, xanh cổ vịt và vàng

Gradient tuyến tính, 32 màu, góc 135°: #2c2665, #6958b4, #f57e90, #70c7b5, #f3c85b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2c2665
#302a6b
#342f74
#39367e
#3f3d8a
#474596
#504ca2
#5b53ac
#6958b4
#795dbc
#8b62c2
#9e67c6
#b26bc7
#c66fc3
#da73b8
#ea78a8
#f57e90
#f6896e
#e89a4f
#ccac4c
#a7bb69
#88c38a
#75c5a5
#70c7b5
#71cabb
#75ceb8
#7ed2ad
#92d59a
#aed483
#cbd16d
#e4cc60
#f3c85b

CSS

background: linear-gradient(135deg in oklch, oklch(31.50% 0.1075 282.66) 0.0%, oklch(33.10% 0.1103 282.57) 3.2%, oklch(35.23% 0.1143 281.92) 6.5%, oklch(37.77% 0.1190 281.11) 9.7%, oklch(40.60% 0.1241 280.57) 12.9%, oklch(43.58% 0.1293 280.70) 16.1%, oklch(46.59% 0.1341 281.92) 19.4%, oklch(49.52% 0.1382 284.65) 22.6%, oklch(52.24% 0.1412 289.26) 25.8%, oklch(55.07% 0.1440 294.97) 29.0%, oklch(58.06% 0.1468 301.56) 32.3%, oklch(61.09% 0.1493 309.24) 35.5%, oklch(64.07% 0.1512 318.22) 38.7%, oklch(66.88% 0.1521 328.72) 41.9%, oklch(69.41% 0.1519 340.94) 45.2%, oklch(71.55% 0.1503 355.10) 48.4%, oklch(73.20% 0.1466 12.06) 51.6%, oklch(74.32% 0.1398 34.97) 54.8%, oklch(75.05% 0.1306 62.19) 58.1%, oklch(75.49% 0.1201 91.31) 61.3%, oklch(75.79% 0.1095 119.94) 64.5%, oklch(76.05% 0.1000 145.67) 67.7%, oklch(76.40% 0.0926 166.10) 71.0%, oklch(76.97% 0.0886 178.81) 74.2%, oklch(77.84% 0.0887 181.79) 77.4%, oklch(78.89% 0.0924 175.98) 80.6%, oklch(80.05% 0.0988 163.71) 83.9%, oklch(81.25% 0.1068 147.32) 87.1%, oklch(82.42% 0.1154 129.17) 90.3%, oklch(83.49% 0.1236 111.59) 93.5%, oklch(84.39% 0.1305 96.92) 96.8%, oklch(85.04% 0.1350 87.51) 100.0%);

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

Tuổi thơ hoài niệ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