Hồng cánh sen, cam, hồng và tím tông rực rỡ (gradient tuyến tính)

Hồng cánh sen, cam, hồng và tím tông rực rỡ: bảng màu gồm 64 màu. #c9226e, #fbc945, #b82e9f, #685bb7, #550143. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

64 màu, 5 keyframe OKLCH chỉnh sửa được.

#c9226e
#ce296a
#d53164
#dd3b5c
#e54753
#ec5548
#f2633d
#f77231
#fa8126
#fc901e
#fd9e1e
#fcab24
#fcb62e
#fbbf38
#fac540
#fac944
#fbc945
#fcc642
#ffc13c
#ffb93e
#ffaf41
#ffa441
#ff9642
#ff8743
#ff7547
#fc6451
#f5555f
#eb486d
#e13e7a
#d63686
#cb3090
#c02e98
#b82e9f
#af2fa6
#a833ac
#a037b2
#993bb7
#9240bb
#8c45be
#864ac1
#814fc2
#7c53c3
#7856c3
#7459c2
#705bc0
#6d5cbe
#6b5cbb
#685bb7
#6659b3
#6555ae
#6451a8
#634ca1
#63469a
#634092
#623989
#613280
#602b77
#5f256e
#5d1e65
#5c175c
#5a1154
#580a4d
#560447
#550143

CSS

background: linear-gradient(135deg in oklch, oklch(55.51% 0.2053 0.00) 0.0%, oklch(56.71% 0.2032 3.50) 1.6%, oklch(58.32% 0.2004 8.28) 3.2%, oklch(60.28% 0.1970 14.12) 4.8%, oklch(62.52% 0.1931 20.81) 6.3%, oklch(64.97% 0.1888 28.12) 7.9%, oklch(67.55% 0.1843 35.84) 9.5%, oklch(70.21% 0.1797 43.75) 11.1%, oklch(72.87% 0.1750 51.63) 12.7%, oklch(75.46% 0.1705 59.27) 14.3%, oklch(77.91% 0.1663 66.44) 15.9%, oklch(80.15% 0.1624 72.93) 17.5%, oklch(82.12% 0.1590 78.52) 19.0%, oklch(83.73% 0.1563 82.98) 20.6%, oklch(84.94% 0.1543 86.11) 22.2%, oklch(85.65% 0.1532 87.68) 23.8%, oklch(85.81% 0.1530 87.49) 25.4%, oklch(85.40% 0.1541 85.52) 27.0%, oklch(84.48% 0.1564 81.98) 28.6%, oklch(83.11% 0.1538 77.06) 30.2%, oklch(81.37% 0.1521 70.97) 31.7%, oklch(79.32% 0.1534 63.88) 33.3%, oklch(77.03% 0.1581 56.00) 34.9%, oklch(74.56% 0.1666 47.52) 36.5%, oklch(71.98% 0.1793 38.64) 38.1%, oklch(69.36% 0.1897 29.55) 39.7%, oklch(66.76% 0.1948 20.45) 41.3%, oklch(64.26% 0.1994 11.53) 42.9%, oklch(61.91% 0.2033 2.99) 44.4%, oklch(59.79% 0.2064 355.02) 46.0%, oklch(57.96% 0.2086 347.81) 47.6%, oklch(56.49% 0.2095 341.57) 49.2%, oklch(55.42% 0.2091 336.32) 50.8%, oklch(54.64% 0.2074 331.28) 52.4%, oklch(54.11% 0.2048 326.33) 54.0%, oklch(53.78% 0.2012 321.51) 55.6%, oklch(53.62% 0.1968 316.86) 57.1%, oklch(53.59% 0.1918 312.41) 58.7%, oklch(53.67% 0.1864 308.20) 60.3%, oklch(53.80% 0.1806 304.27) 61.9%, oklch(53.97% 0.1746 300.64) 63.5%, oklch(54.13% 0.1686 297.37) 65.1%, oklch(54.24% 0.1627 294.48) 66.7%, oklch(54.28% 0.1570 292.01) 68.3%, oklch(54.21% 0.1518 290.01) 69.8%, oklch(53.98% 0.1471 288.49) 71.4%, oklch(53.58% 0.1430 287.51) 73.0%, oklch(52.95% 0.1398 287.09) 74.6%, oklch(52.08% 0.1374 287.40) 76.2%, oklch(50.99% 0.1355 288.65) 77.8%, oklch(49.70% 0.1339 290.75) 79.4%, oklch(48.26% 0.1327 293.58) 81.0%, oklch(46.69% 0.1319 297.00) 82.5%, oklch(45.03% 0.1312 300.91) 84.1%, oklch(43.31% 0.1309 305.18) 85.7%, oklch(41.56% 0.1307 309.69) 87.3%, oklch(39.81% 0.1306 314.32) 88.9%, oklch(38.09% 0.1307 318.95) 90.5%, oklch(36.44% 0.1308 323.46) 92.1%, oklch(34.89% 0.1309 327.72) 93.7%, oklch(33.47% 0.1311 331.62) 95.2%, oklch(32.21% 0.1311 335.03) 96.8%, oklch(31.15% 0.1311 337.84) 98.4%, oklch(30.31% 0.1309 339.92) 100.0%);

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

Gradient Diwali

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