Hồng cá hồi, tím và hồng (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #d98962, #a34c63, #532053, #582c61, #e989b4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d98962
#d68462
#d17d61
#cc7561
#c56d61
#be6461
#b55c61
#ac5362
#a34c63
#9a4563
#913f63
#883a62
#7e3561
#732f5e
#682a5b
#5d2557
#532053
#4b1c50
#451a4e
#41194d
#411a4e
#441d51
#4c2358
#582c61
#68366c
#7b4279
#8f5085
#a55d92
#ba6b9d
#cd77a7
#de81ae
#e989b4

CSS

background: linear-gradient(180deg in oklch, oklch(70.47% 0.1116 46.41) 0.0%, oklch(69.16% 0.1120 43.31) 3.2%, oklch(67.46% 0.1127 39.27) 6.5%, oklch(65.44% 0.1136 34.46) 9.7%, oklch(63.18% 0.1145 29.07) 12.9%, oklch(60.75% 0.1154 23.29) 16.1%, oklch(58.23% 0.1163 17.30) 19.4%, oklch(55.68% 0.1170 11.30) 22.6%, oklch(53.20% 0.1175 5.47) 25.8%, oklch(50.84% 0.1176 359.99) 29.0%, oklch(48.69% 0.1173 355.06) 32.3%, oklch(46.65% 0.1165 350.59) 35.5%, oklch(44.28% 0.1149 345.91) 38.7%, oklch(41.69% 0.1127 341.10) 41.9%, oklch(39.03% 0.1102 336.31) 45.2%, oklch(36.45% 0.1074 331.71) 48.4%, oklch(34.10% 0.1047 327.45) 51.6%, oklch(32.14% 0.1021 323.68) 54.8%, oklch(30.72% 0.1000 320.56) 58.1%, oklch(29.99% 0.0985 318.24) 61.3%, oklch(30.09% 0.0978 316.88) 64.5%, oklch(31.22% 0.0981 316.66) 67.7%, oklch(33.68% 0.0994 317.91) 71.0%, oklch(37.31% 0.1017 320.47) 74.2%, oklch(41.83% 0.1046 324.04) 77.4%, oklch(46.95% 0.1080 328.33) 80.6%, oklch(52.39% 0.1117 333.04) 83.9%, oklch(57.87% 0.1155 337.87) 87.1%, oklch(63.09% 0.1190 342.53) 90.3%, oklch(67.78% 0.1223 346.72) 93.5%, oklch(71.65% 0.1249 350.14) 96.8%, oklch(74.41% 0.1268 352.51) 100.0%);

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

Gradient thiên hà

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