Xanh dương, tím và cam (bộ ba) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #4d7f95, #5a4e7a, #894057, #b85e42, #d1913c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4d7f95
#4d7b94
#4d7692
#4d6f8f
#4f678c
#516087
#535982
#56537e
#5a4e7a
#5e4b77
#644773
#6a446f
#70426b
#764066
#7d4061
#833f5c
#894057
#904253
#974550
#9e494d
#a54e4a
#ac5348
#b25845
#b85e42
#bc643f
#c16a3c
#c5723a
#c87939
#cb8139
#ce873a
#cf8d3b
#d1913c

CSS

background: linear-gradient(90deg in oklch, oklch(57.09% 0.0634 227.81) 0.0%, oklch(56.08% 0.0638 233.06) 3.2%, oklch(54.64% 0.0641 240.07) 6.5%, oklch(52.92% 0.0645 248.41) 9.7%, oklch(51.07% 0.0650 257.67) 12.9%, oklch(49.25% 0.0658 267.42) 16.1%, oklch(47.62% 0.0670 277.24) 19.4%, oklch(46.33% 0.0687 286.71) 22.6%, oklch(45.51% 0.0709 295.46) 25.8%, oklch(45.03% 0.0739 304.18) 29.0%, oklch(44.77% 0.0776 313.11) 32.3%, oklch(44.73% 0.0817 322.10) 35.5%, oklch(44.89% 0.0861 330.98) 38.7%, oklch(45.24% 0.0905 339.59) 41.9%, oklch(45.76% 0.0948 347.76) 45.2%, oklch(46.45% 0.0988 355.34) 48.4%, oklch(47.31% 0.1023 2.17) 51.6%, oklch(48.47% 0.1059 8.35) 54.8%, oklch(49.87% 0.1094 13.98) 58.1%, oklch(51.46% 0.1129 19.18) 61.3%, oklch(53.17% 0.1161 24.06) 64.5%, oklch(54.91% 0.1190 28.72) 67.7%, oklch(56.64% 0.1216 33.29) 71.0%, oklch(58.28% 0.1236 37.85) 74.2%, oklch(59.85% 0.1250 42.54) 77.4%, oklch(61.56% 0.1258 47.36) 80.6%, oklch(63.33% 0.1262 52.17) 83.9%, oklch(65.09% 0.1262 56.81) 87.1%, oklch(66.76% 0.1260 61.13) 90.3%, oklch(68.26% 0.1257 64.99) 93.5%, oklch(69.53% 0.1254 68.23) 96.8%, oklch(70.47% 0.1254 70.71) 100.0%);

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

Protea cuối đông

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