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

Gradient tuyến tính, 48 màu, góc 45°: #d98d9c, #437183, #3e3e6d, #7e3420, #b38941. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d98d9c
#d38ba0
#cb88a5
#c186ab
#b483af
#a582b2
#9580b2
#847fb0
#737daa
#647ba2
#567898
#4c758d
#437183
#3d6d7a
#396972
#35656c
#316269
#2d5f67
#295b67
#265768
#25536a
#284f6c
#2e496e
#35446e
#3e3e6d
#473869
#503263
#582d5b
#5f2951
#642647
#69243d
#6d2435
#71262e
#752928
#792e24
#7e3420
#833b1e
#88421d
#8e4a1d
#93531f
#995b23
#9e6327
#a36b2c
#a87331
#ac7a36
#af803b
#b2853e
#b38941

CSS

background: linear-gradient(45deg in oklch, oklch(72.44% 0.0937 7.03) 0.0%, oklch(71.49% 0.0921 0.69) 2.1%, oklch(70.30% 0.0899 352.11) 4.3%, oklch(68.90% 0.0872 341.65) 6.4%, oklch(67.32% 0.0841 329.71) 8.5%, oklch(65.59% 0.0807 316.66) 10.6%, oklch(63.76% 0.0772 302.87) 12.8%, oklch(61.84% 0.0736 288.73) 14.9%, oklch(59.88% 0.0699 274.61) 17.0%, oklch(57.91% 0.0664 260.88) 19.1%, oklch(55.96% 0.0632 247.94) 21.3%, oklch(54.06% 0.0602 236.14) 23.4%, oklch(52.24% 0.0577 225.88) 25.5%, oklch(50.54% 0.0557 217.53) 27.7%, oklch(49.00% 0.0543 211.46) 29.8%, oklch(47.64% 0.0537 208.06) 31.9%, oklch(46.48% 0.0539 207.69) 34.0%, oklch(45.37% 0.0550 210.26) 36.2%, oklch(44.26% 0.0569 215.44) 38.3%, oklch(43.17% 0.0595 222.90) 40.4%, oklch(42.12% 0.0627 232.30) 42.6%, oklch(41.13% 0.0664 243.31) 44.7%, oklch(40.20% 0.0704 255.62) 46.8%, oklch(39.36% 0.0746 268.87) 48.9%, oklch(38.62% 0.0790 282.75) 51.1%, oklch(38.00% 0.0834 296.93) 53.2%, oklch(37.51% 0.0878 311.07) 55.3%, oklch(37.16% 0.0919 324.85) 57.4%, oklch(36.99% 0.0957 337.94) 59.6%, oklch(36.99% 0.0991 350.00) 61.7%, oklch(37.19% 0.1019 0.71) 63.8%, oklch(37.61% 0.1042 9.74) 66.0%, oklch(38.29% 0.1057 17.12) 68.1%, oklch(39.34% 0.1068 23.91) 70.2%, oklch(40.72% 0.1075 30.21) 72.3%, oklch(42.38% 0.1080 36.04) 74.5%, oklch(44.28% 0.1081 41.44) 76.6%, oklch(46.35% 0.1080 46.42) 78.7%, oklch(48.55% 0.1077 51.01) 80.9%, oklch(50.82% 0.1073 55.24) 83.0%, oklch(53.13% 0.1068 59.12) 85.1%, oklch(55.41% 0.1061 62.69) 87.2%, oklch(57.61% 0.1055 65.98) 89.4%, oklch(59.69% 0.1049 68.99) 91.5%, oklch(61.60% 0.1043 71.77) 93.6%, oklch(63.27% 0.1038 74.32) 95.7%, oklch(64.68% 0.1035 76.69) 97.9%, oklch(65.75% 0.1033 78.89) 100.0%);

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

Tím mận đen

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