Xanh dương, xanh cổ vịt, tím đậm và xanh dương nhạt (gradient xuyên tâm)

Bảng màu Xanh dương, xanh cổ vịt, tím đậm và xanh dương nhạt

Gradient xuyên tâm, 32 màu: #009ec7, #00b1bc, #32286e, #1b052f, #31c4e7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#009ec7
#00a3c7
#00acc7
#00b5c7
#00bec7
#01c4c5
#01c4c3
#00bdc0
#00b1bc
#00a1b7
#0090b0
#007da9
#006ca3
#135c9c
#264a8f
#2f387f
#32286e
#311a5c
#2f0f4e
#2b0843
#26043b
#210333
#1d032f
#1b052f
#1b0b34
#20153f
#292856
#324477
#38669c
#378bbe
#33acd8
#31c4e7

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(64.96% 0.1231 225.01) 0.0%, oklch(66.28% 0.1215 220.92) 3.2%, oklch(68.41% 0.1206 214.52) 6.5%, oklch(70.81% 0.1215 207.23) 9.7%, oklch(72.94% 0.1240 200.47) 12.9%, oklch(74.26% 0.1265 195.63) 16.1%, oklch(74.23% 0.1267 194.13) 19.4%, oklch(72.47% 0.1234 196.85) 22.6%, oklch(69.29% 0.1180 202.85) 25.8%, oklch(65.12% 0.1131 211.21) 29.0%, oklch(60.37% 0.1107 221.03) 32.3%, oklch(55.48% 0.1124 231.39) 35.5%, oklch(50.88% 0.1194 241.40) 38.7%, oklch(46.71% 0.1243 250.84) 41.9%, oklch(42.24% 0.1220 261.75) 45.2%, oklch(37.63% 0.1191 273.39) 48.4%, oklch(33.17% 0.1159 284.72) 51.6%, oklch(29.16% 0.1123 294.71) 54.8%, oklch(25.89% 0.1085 302.32) 58.1%, oklch(23.55% 0.1043 306.67) 61.3%, oklch(21.40% 0.0984 308.59) 64.5%, oklch(19.60% 0.0914 308.52) 67.7%, oklch(18.53% 0.0846 306.60) 71.0%, oklch(18.60% 0.0790 302.98) 74.2%, oklch(20.19% 0.0758 297.80) 77.4%, oklch(23.75% 0.0762 291.13) 80.6%, oklch(30.48% 0.0813 281.06) 83.9%, oklch(39.81% 0.0899 267.91) 87.1%, oklch(50.39% 0.1005 253.39) 90.3%, oklch(60.84% 0.1112 239.21) 93.5%, oklch(69.83% 0.1206 227.06) 96.8%, oklch(75.98% 0.1268 218.66) 100.0%);

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

Gradient synthwave

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