Tím oải hương, xanh dương và xanh lá đậm (ba tông) (gradient tuyến tính)

Bảng màu Tím oải hương, xanh dương và xanh lá đậm (ba tông)

Gradient tuyến tính, 32 màu, góc 0°: #a795ec, #3b87b0, #005e96, #074543, #03231f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a795ec
#9d95e9
#9095e5
#8094df
#6f93d6
#5f91cc
#518fc1
#458bb7
#3b87b0
#3383ab
#2b7ea9
#2578a8
#2172a7
#1e6ca5
#1a66a3
#13619e
#005e96
#005b87
#005878
#00556b
#00515f
#004e54
#004a4b
#074543
#0c403c
#0e3b36
#0d3631
#0a312c
#082d28
#052924
#032621
#03231f

CSS

background: linear-gradient(0deg in oklch, oklch(72.05% 0.1240 292.50) 0.0%, oklch(71.07% 0.1214 287.43) 3.2%, oklch(69.77% 0.1176 280.13) 6.5%, oklch(68.23% 0.1130 271.41) 9.7%, oklch(66.51% 0.1082 262.07) 12.9%, oklch(64.70% 0.1036 252.93) 16.1%, oklch(62.87% 0.0998 244.80) 19.4%, oklch(61.09% 0.0972 238.49) 22.6%, oklch(59.44% 0.0965 234.81) 25.8%, oklch(57.83% 0.0983 234.16) 29.0%, oklch(56.20% 0.1021 235.84) 32.3%, oklch(54.57% 0.1071 238.96) 35.5%, oklch(52.93% 0.1123 242.63) 38.7%, oklch(51.29% 0.1170 245.97) 41.9%, oklch(49.66% 0.1200 248.10) 45.2%, oklch(48.05% 0.1207 248.12) 48.4%, oklch(46.45% 0.1175 245.25) 51.6%, oklch(44.86% 0.1021 239.62) 54.8%, oklch(43.27% 0.0883 232.02) 58.1%, oklch(41.69% 0.0778 223.21) 61.3%, oklch(40.11% 0.0705 213.95) 64.5%, oklch(38.55% 0.0658 205.01) 67.7%, oklch(36.99% 0.0630 197.14) 71.0%, oklch(35.43% 0.0579 191.12) 74.2%, oklch(33.83% 0.0529 187.29) 77.4%, oklch(32.11% 0.0490 184.82) 80.6%, oklch(30.34% 0.0461 183.40) 83.9%, oklch(28.59% 0.0438 182.77) 87.1%, oklch(26.92% 0.0421 182.64) 90.3%, oklch(25.43% 0.0408 182.75) 93.5%, oklch(24.17% 0.0397 182.83) 96.8%, oklch(23.23% 0.0386 182.60) 100.0%);

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

Gradient biển sâu

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