Cầu vồng từ tím sang nâu tông trầm (gradient tuyến tính)

Bảng màu Cầu vồng từ tím sang nâu tông trầm

Gradient tuyến tính, 32 màu, góc 135°: #453c70, #5c74a0, #62996b, #b9964b, #b15152. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#453c70
#4a4075
#52477b
#5c4f83
#66588b
#6c6193
#6e699b
#686f9f
#5c74a0
#4d799b
#407d91
#3b7f85
#3e827b
#468674
#4e8b70
#58926e
#62996b
#6e9f68
#7ba362
#89a45a
#98a253
#a59f4d
#b09b4b
#b9964b
#bf904c
#c2894d
#c3804d
#c1764d
#be6a4d
#b9604e
#b45750
#b15152

CSS

background: linear-gradient(135deg in oklch, oklch(38.98% 0.0868 289.69) 0.0%, oklch(40.78% 0.0858 290.47) 3.2%, oklch(43.39% 0.0843 292.51) 6.5%, oklch(46.44% 0.0826 294.55) 9.7%, oklch(49.54% 0.0808 295.34) 12.9%, oklch(52.33% 0.0790 293.63) 16.1%, oklch(54.42% 0.0774 288.17) 19.4%, oklch(55.55% 0.0759 277.51) 22.6%, oklch(55.92% 0.0738 261.72) 25.8%, oklch(55.85% 0.0716 242.74) 29.0%, oklch(55.62% 0.0699 222.54) 32.3%, oklch(55.56% 0.0691 203.08) 35.5%, oklch(55.95% 0.0696 186.34) 38.7%, oklch(57.06% 0.0720 173.74) 41.9%, oklch(58.83% 0.0768 163.89) 45.2%, oklch(60.97% 0.0830 155.80) 48.4%, oklch(63.23% 0.0898 148.70) 51.6%, oklch(65.34% 0.0962 141.77) 54.8%, oklch(67.02% 0.1013 134.22) 58.1%, oklch(68.06% 0.1042 125.35) 61.3%, oklch(68.73% 0.1051 115.57) 64.5%, oklch(69.11% 0.1047 105.35) 67.7%, oklch(69.18% 0.1037 94.98) 71.0%, oklch(68.95% 0.1027 84.77) 74.2%, oklch(68.40% 0.1025 75.02) 77.4%, oklch(67.50% 0.1037 66.02) 80.6%, oklch(65.94% 0.1066 57.14) 83.9%, oklch(63.79% 0.1104 48.29) 87.1%, oklch(61.37% 0.1148 39.88) 90.3%, oklch(58.98% 0.1191 32.31) 93.5%, oklch(56.92% 0.1228 25.97) 96.8%, oklch(55.51% 0.1254 21.27) 100.0%);

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

Bảng màu bộ bốn

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