Xanh dương nhạt, hồng và đỏ (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #ade7cd, #9dcbe5, #d1a4d3, #d66c91, #c53634. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ade7cd
#a9e6d0
#a4e3d3
#a0e0d7
#9ddcda
#9bd8dd
#9ad3e0
#9bcfe2
#9dcbe5
#a0c7e7
#a7c3e9
#aebeea
#b7bae9
#bfb5e6
#c7b0e1
#cdaadb
#d1a4d3
#d39dcb
#d595c3
#d78dba
#d785b0
#d77ca6
#d7749c
#d66c91
#d66585
#d45d79
#d2556c
#cf4e5f
#cd4753
#ca4047
#c73b3d
#c53634

CSS

background: linear-gradient(90deg in oklch, oklch(88.19% 0.0703 165.23) 0.0%, oklch(87.67% 0.0693 170.31) 3.2%, oklch(86.95% 0.0678 176.89) 6.5%, oklch(86.10% 0.0659 184.72) 9.7%, oklch(85.17% 0.0640 193.53) 12.9%, oklch(84.21% 0.0623 203.05) 16.1%, oklch(83.28% 0.0610 213.02) 19.4%, oklch(82.43% 0.0605 223.18) 22.6%, oklch(81.73% 0.0608 233.31) 25.8%, oklch(81.21% 0.0616 244.40) 29.0%, oklch(80.81% 0.0629 256.54) 32.3%, oklch(80.47% 0.0646 269.24) 35.5%, oklch(80.13% 0.0668 282.02) 38.7%, oklch(79.72% 0.0696 294.42) 41.9%, oklch(79.17% 0.0731 305.95) 45.2%, oklch(78.42% 0.0775 316.14) 48.4%, oklch(77.41% 0.0827 324.60) 51.6%, oklch(76.15% 0.0894 331.70) 54.8%, oklch(74.70% 0.0971 337.73) 58.1%, oklch(73.11% 0.1057 342.91) 61.3%, oklch(71.44% 0.1145 347.48) 64.5%, oklch(69.75% 0.1232 351.64) 67.7%, oklch(68.09% 0.1315 355.64) 71.0%, oklch(66.51% 0.1389 359.69) 74.2%, oklch(65.00% 0.1454 3.88) 77.4%, oklch(63.38% 0.1518 7.96) 80.6%, oklch(61.72% 0.1579 11.86) 83.9%, oklch(60.09% 0.1636 15.49) 87.1%, oklch(58.55% 0.1689 18.80) 90.3%, oklch(57.16% 0.1735 21.72) 93.5%, oklch(56.00% 0.1775 24.17) 96.8%, oklch(55.12% 0.1805 26.10) 100.0%);

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

Bảng màu Giáng sinh vintage

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