Cầu vồng từ hồng sang hồng đào (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 135°: #f4c4d4, #00cb89, #221a2c, #00003f, #e0905f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f4c4d4
#f7c1cf
#fabfc7
#ffbcbe
#ffbcb4
#ffbba9
#ffbb9a
#ffbb87
#febb6a
#f4be57
#e5c347
#d1c840
#b8cc45
#9acf53
#77d165
#4bcf77
#00cb89
#00c099
#00b5a2
#00a8a5
#009ba6
#008da5
#007fa2
#0070a0
#256193
#315384
#364773
#363c62
#333253
#2f2a46
#2a243b
#261e32
#221a2c
#1e1527
#1b1124
#170e22
#140a21
#100721
#0d0521
#090323
#070225
#040127
#03002a
#01002c
#00002f
#000528
#00062c
#00003f
#040145
#0d054c
#1a0b54
#29125c
#3b1962
#4e2168
#632a6b
#78336c
#8c3e6c
#9f496a
#b15667
#bf6365
#cb7062
#d47c60
#db875f
#e0905f

CSS

background: linear-gradient(135deg in oklch, oklch(86.61% 0.0593 355.78) 0.0%, oklch(86.27% 0.0637 1.62) 1.6%, oklch(85.96% 0.0698 8.70) 3.2%, oklch(85.67% 0.0771 16.89) 4.8%, oklch(85.38% 0.0793 26.04) 6.3%, oklch(85.06% 0.0832 36.03) 7.9%, oklch(84.71% 0.0906 46.71) 9.5%, oklch(84.29% 0.1038 57.94) 11.1%, oklch(83.79% 0.1247 69.58) 12.7%, oklch(83.18% 0.1343 81.49) 14.3%, oklch(82.45% 0.1434 93.54) 15.9%, oklch(81.58% 0.1517 105.59) 17.5%, oklch(80.54% 0.1588 117.50) 19.0%, oklch(79.31% 0.1646 129.13) 20.6%, oklch(77.87% 0.1686 140.33) 22.2%, oklch(76.21% 0.1707 150.98) 23.8%, oklch(74.30% 0.1655 160.97) 25.4%, oklch(71.98% 0.1408 171.14) 27.0%, oklch(69.26% 0.1243 181.74) 28.6%, oklch(66.19% 0.1135 192.65) 30.2%, oklch(62.84% 0.1071 203.74) 31.7%, oklch(59.28% 0.1047 214.89) 33.3%, oklch(55.56% 0.1062 225.97) 34.9%, oklch(51.74% 0.1127 236.84) 36.5%, oklch(47.89% 0.1016 247.37) 38.1%, oklch(44.08% 0.0895 257.46) 39.7%, oklch(40.36% 0.0779 266.97) 41.3%, oklch(36.80% 0.0671 275.78) 42.9%, oklch(33.46% 0.0574 283.76) 44.4%, oklch(30.41% 0.0491 290.77) 46.0%, oklch(27.69% 0.0427 296.71) 47.6%, oklch(25.39% 0.0384 301.43) 49.2%, oklch(23.50% 0.0366 304.72) 50.8%, oklch(21.77% 0.0367 306.04) 52.4%, oklch(20.14% 0.0386 305.58) 54.0%, oklch(18.65% 0.0419 303.60) 55.6%, oklch(17.31% 0.0464 300.39) 57.1%, oklch(16.12% 0.0520 296.23) 58.7%, oklch(15.12% 0.0584 291.41) 60.3%, oklch(14.30% 0.0653 286.20) 61.9%, oklch(13.70% 0.0726 280.89) 63.5%, oklch(13.31% 0.0801 275.76) 65.1%, oklch(13.29% 0.0863 271.01) 66.7%, oklch(13.40% 0.0901 267.16) 68.3%, oklch(13.77% 0.0952 264.31) 69.8%, oklch(14.36% 0.0756 263.39) 71.4%, oklch(15.32% 0.0792 263.24) 73.0%, oklch(16.62% 0.1147 264.49) 74.6%, oklch(18.27% 0.1175 268.38) 76.2%, oklch(20.64% 0.1193 274.19) 77.8%, oklch(23.57% 0.1206 281.61) 79.4%, oklch(26.99% 0.1214 290.42) 81.0%, oklch(30.80% 0.1219 300.34) 82.5%, oklch(34.91% 0.1220 311.13) 84.1%, oklch(39.23% 0.1218 322.54) 85.7%, oklch(43.66% 0.1214 334.31) 87.3%, oklch(48.12% 0.1208 346.18) 88.9%, oklch(52.52% 0.1202 357.91) 90.5%, oklch(56.76% 0.1194 9.25) 92.1%, oklch(60.75% 0.1187 19.93) 93.7%, oklch(64.41% 0.1181 29.71) 95.2%, oklch(67.63% 0.1176 38.33) 96.8%, oklch(70.34% 0.1172 45.54) 98.4%, oklch(72.44% 0.1171 51.08) 100.0%);

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

Gradient cầu vồng vòng lặp

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