Xanh dương, tím, hồng và nâu vàng (gradient tuyến tính)

Bảng màu Xanh dương, tím, hồng và nâu vàng

Gradient tuyến tính, 32 màu, góc 135°: #405691, #173063, #7d2e9d, #fc5349, #c1c073. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#405691
#3d538d
#384f88
#324a81
#2b447a
#243f73
#1e396c
#1a3467
#173063
#172d62
#1b2b64
#222b6a
#2e2c74
#3c2d7f
#4f2e8b
#652e96
#7d2e9d
#972ea0
#b12c9d
#c92c94
#dd2e86
#ec3576
#f64261
#fc5349
#fc662f
#f77a13
#ee8c0b
#e39c24
#d8a93e
#cdb354
#c6bb66
#c1c073

CSS

background: linear-gradient(135deg in oklch, oklch(46.46% 0.0992 267.19) 0.0%, oklch(45.41% 0.0991 266.92) 3.2%, oklch(43.81% 0.0983 266.09) 6.5%, oklch(41.84% 0.0971 264.93) 9.7%, oklch(39.66% 0.0959 263.68) 12.9%, oklch(37.42% 0.0949 262.58) 16.1%, oklch(35.31% 0.0943 261.88) 19.4%, oklch(33.47% 0.0946 261.82) 22.6%, oklch(32.08% 0.0959 262.63) 25.8%, oklch(31.30% 0.0986 264.57) 29.0%, oklch(31.30% 0.1029 267.86) 32.3%, oklch(32.21% 0.1095 272.71) 35.5%, oklch(34.01% 0.1197 279.01) 38.7%, oklch(36.52% 0.1326 286.53) 41.9%, oklch(39.58% 0.1473 295.07) 45.2%, oklch(43.03% 0.1628 304.42) 48.4%, oklch(46.72% 0.1781 314.35) 51.6%, oklch(50.47% 0.1924 324.67) 54.8%, oklch(54.13% 0.2047 335.15) 58.1%, oklch(57.54% 0.2140 345.59) 61.3%, oklch(60.52% 0.2195 355.76) 64.5%, oklch(62.97% 0.2201 5.57) 67.7%, oklch(65.19% 0.2155 16.08) 71.0%, oklch(67.29% 0.2067 27.38) 74.2%, oklch(69.28% 0.1946 39.17) 77.4%, oklch(71.14% 0.1802 51.11) 80.6%, oklch(72.87% 0.1644 62.88) 83.9%, oklch(74.44% 0.1482 74.16) 87.1%, oklch(75.87% 0.1326 84.64) 90.3%, oklch(77.13% 0.1186 93.98) 93.5%, oklch(78.22% 0.1072 101.86) 96.8%, oklch(79.13% 0.0992 107.97) 100.0%);

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

Chân trời chạng vạng điểm phâ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