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

Bảng màu Cầu vồng từ xanh lá đậm sang hồng đào

Gradient tuyến tính, 32 màu, góc 90°: #28501f, #166d7f, #8779b5, #d28b9e, #e7c184. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#28501f
#225328
#195734
#0c5c42
#00604f
#00635d
#006769
#086a74
#166d7f
#236f8a
#317195
#40739e
#4e74a6
#5d75ac
#6b76b1
#7978b3
#8779b5
#947ab4
#a07cb3
#ac7eb0
#b781ad
#c183a8
#ca87a3
#d28b9e
#d99098
#df9593
#e49c8d
#e7a488
#e9ac84
#e9b483
#e8bc83
#e7c184

CSS

background: linear-gradient(90deg in oklch, oklch(38.98% 0.0896 139.92) 0.0%, oklch(39.79% 0.0883 146.10) 3.2%, oklch(40.89% 0.0865 154.59) 6.5%, oklch(42.21% 0.0844 164.68) 9.7%, oklch(43.65% 0.0819 175.60) 12.9%, oklch(45.14% 0.0789 186.68) 16.1%, oklch(46.58% 0.0793 197.15) 19.4%, oklch(47.96% 0.0803 206.82) 22.6%, oklch(49.39% 0.0816 216.51) 25.8%, oklch(50.86% 0.0835 226.23) 29.0%, oklch(52.35% 0.0856 235.97) 32.3%, oklch(53.84% 0.0877 245.71) 35.5%, oklch(55.32% 0.0892 255.45) 38.7%, oklch(56.78% 0.0899 265.16) 41.9%, oklch(58.24% 0.0903 274.88) 45.2%, oklch(59.70% 0.0902 284.59) 48.4%, oklch(61.16% 0.0901 294.31) 51.6%, oklch(62.62% 0.0898 304.03) 54.8%, oklch(64.08% 0.0896 313.74) 58.1%, oklch(65.54% 0.0896 323.46) 61.3%, oklch(67.01% 0.0896 333.19) 64.5%, oklch(68.47% 0.0896 342.93) 67.7%, oklch(69.93% 0.0896 352.67) 71.0%, oklch(71.39% 0.0896 2.39) 74.2%, oklch(72.85% 0.0896 12.08) 77.4%, oklch(74.31% 0.0896 21.76) 80.6%, oklch(75.91% 0.0896 32.22) 83.9%, oklch(77.60% 0.0896 43.28) 87.1%, oklch(79.27% 0.0896 54.23) 90.3%, oklch(80.82% 0.0896 64.31) 93.5%, oklch(82.12% 0.0896 72.81) 96.8%, oklch(83.07% 0.0896 78.98) 100.0%);

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

Gradient cầu vồng tông trầm

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