Đen sang xanh cổ vịt (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #030607, #002123, #005757, #009791, #70d9cb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#030607
#030808
#030a0b
#020d0e
#021011
#011415
#001819
#001c1e
#002123
#002628
#002c2e
#003234
#00393a
#004041
#004848
#004f4f
#005757
#00605f
#006967
#00726f
#007b78
#008580
#008e89
#009791
#00a199
#1faaa1
#33b4a9
#44bdb2
#52c6b9
#5fcec0
#69d4c6
#70d9cb

CSS

background: linear-gradient(180deg in oklch, oklch(11.81% 0.0096 199.69) 0.0%, oklch(12.57% 0.0120 199.73) 3.2%, oklch(13.53% 0.0151 199.82) 6.5%, oklch(14.67% 0.0187 199.93) 9.7%, oklch(15.97% 0.0228 200.03) 12.9%, oklch(17.42% 0.0273 200.08) 16.1%, oklch(19.00% 0.0319 200.05) 19.4%, oklch(20.72% 0.0352 199.98) 22.6%, oklch(22.53% 0.0383 199.66) 25.8%, oklch(24.50% 0.0416 199.18) 29.0%, oklch(26.64% 0.0453 198.57) 32.3%, oklch(28.91% 0.0492 197.87) 35.5%, oklch(31.31% 0.0533 197.10) 38.7%, oklch(33.78% 0.0575 196.30) 41.9%, oklch(36.32% 0.0619 195.51) 45.2%, oklch(38.88% 0.0664 194.76) 48.4%, oklch(41.46% 0.0709 194.06) 51.6%, oklch(44.15% 0.0756 193.38) 54.8%, oklch(46.94% 0.0805 192.70) 58.1%, oklch(49.79% 0.0855 192.02) 61.3%, oklch(52.66% 0.0906 191.34) 64.5%, oklch(55.54% 0.0957 190.65) 67.7%, oklch(58.37% 0.1008 189.97) 71.0%, oklch(61.14% 0.1058 189.29) 74.2%, oklch(63.90% 0.1108 188.59) 77.4%, oklch(66.85% 0.1106 187.82) 80.6%, oklch(69.87% 0.1094 187.03) 83.9%, oklch(72.84% 0.1076 186.24) 87.1%, oklch(75.65% 0.1055 185.50) 90.3%, oklch(78.17% 0.1034 184.82) 93.5%, oklch(80.29% 0.1017 184.26) 96.8%, oklch(81.89% 0.1006 183.84) 100.0%);

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

Gradient Black Friday

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