Xanh dương nhạt, xanh lá nhạt, hồng và xanh hải quân (gradient xuyên tâm)

Bảng màu Xanh dương nhạt, xanh lá nhạt, hồng và xanh hải quân

Gradient xuyên tâm, 32 màu: #edfff8, #cafbb6, #fd979f, #7274b1, #2a344b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#edfff8
#e8fff5
#e3fff2
#dfffee
#d9ffe8
#d4ffe1
#cdffd5
#c8fec6
#cafbb6
#d0f5a4
#d9ed91
#e6e27e
#f4d470
#ffc36f
#ffb683
#ffa78f
#fd979f
#ec90b3
#d78bc2
#c088ca
#a985cb
#9481c7
#827bbe
#7274b1
#636ba3
#576294
#4c5884
#434f76
#3b4668
#343f5c
#2f3953
#2a344b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(98.43% 0.0207 170.86) 0.0%, oklch(98.05% 0.0268 168.16) 3.2%, oklch(97.65% 0.0335 165.36) 6.5%, oklch(97.22% 0.0405 162.27) 9.7%, oklch(96.72% 0.0491 158.74) 12.9%, oklch(96.14% 0.0603 154.59) 16.1%, oklch(95.45% 0.0755 149.64) 19.4%, oklch(94.62% 0.0927 143.73) 22.6%, oklch(93.63% 0.1032 136.68) 25.8%, oklch(92.45% 0.1119 128.33) 29.0%, oklch(91.06% 0.1183 118.49) 32.3%, oklch(89.44% 0.1223 106.63) 35.5%, oklch(87.60% 0.1246 91.78) 38.7%, oklch(85.56% 0.1227 74.54) 41.9%, oklch(83.33% 0.1082 55.63) 45.2%, oklch(80.96% 0.1101 35.76) 48.4%, oklch(78.46% 0.1219 15.64) 51.6%, oklch(75.85% 0.1191 355.99) 54.8%, oklch(73.15% 0.1159 337.52) 58.1%, oklch(70.40% 0.1123 320.93) 61.3%, oklch(67.61% 0.1086 306.95) 64.5%, oklch(64.79% 0.1048 296.20) 67.7%, oklch(61.65% 0.1000 287.98) 71.0%, oklch(58.19% 0.0941 281.73) 74.2%, oklch(54.53% 0.0875 277.15) 77.4%, oklch(50.78% 0.0803 273.94) 80.6%, oklch(47.05% 0.0730 271.79) 83.9%, oklch(43.45% 0.0658 270.42) 87.1%, oklch(40.11% 0.0590 269.52) 90.3%, oklch(37.12% 0.0529 268.80) 93.5%, oklch(34.61% 0.0479 267.95) 96.8%, oklch(32.68% 0.0441 266.67) 100.0%);

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

Gradient hologram

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