Nâu, tím và xanh dương nhạt (bộ ba) (gradient tuyến tính)

Bảng màu Nâu, tím và xanh dương nhạt (bộ ba)

Gradient tuyến tính, 32 màu, góc 45°: #be825c, #855874, #526ab5, #5e9bdd, #97c4cc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#be825c
#ba7d5e
#b37760
#ab7062
#a16965
#996367
#915f6a
#8b5b6e
#855874
#7d567c
#755684
#6b578c
#635993
#5c5c9a
#5860a2
#5465ab
#526ab5
#5170bf
#4f76c7
#4e7dcd
#4e84d2
#528bd6
#5893da
#5e9bdd
#63a2de
#68a9de
#6dafdd
#74b6d9
#7dbbd4
#87bfd0
#90c2cd
#97c4cc

CSS

background: linear-gradient(45deg in oklch, oklch(65.75% 0.0909 52.73) 0.0%, oklch(64.43% 0.0880 47.83) 3.2%, oklch(62.53% 0.0834 41.32) 6.5%, oklch(60.32% 0.0781 33.50) 9.7%, oklch(58.03% 0.0731 24.66) 12.9%, oklch(55.91% 0.0693 15.09) 16.1%, oklch(54.21% 0.0675 5.09) 19.4%, oklch(52.95% 0.0684 354.17) 22.6%, oklch(51.84% 0.0711 341.39) 25.8%, oklch(50.92% 0.0752 327.66) 29.0%, oklch(50.25% 0.0803 313.96) 32.3%, oklch(49.88% 0.0859 301.25) 35.5%, oklch(49.88% 0.0915 290.51) 38.7%, oklch(50.33% 0.0973 282.48) 41.9%, oklch(51.25% 0.1047 276.60) 45.2%, oklch(52.56% 0.1130 272.27) 48.4%, oklch(54.14% 0.1211 268.99) 51.6%, oklch(55.86% 0.1279 266.24) 54.8%, oklch(57.63% 0.1325 263.48) 58.1%, oklch(59.36% 0.1338 260.37) 61.3%, oklch(61.26% 0.1323 257.81) 64.5%, oklch(63.31% 0.1287 255.76) 67.7%, oklch(65.42% 0.1235 253.83) 71.0%, oklch(67.50% 0.1172 251.63) 74.2%, oklch(69.46% 0.1103 248.78) 77.4%, oklch(71.20% 0.1033 244.88) 80.6%, oklch(72.84% 0.0947 239.38) 83.9%, oklch(74.43% 0.0844 232.70) 87.1%, oklch(75.90% 0.0736 225.57) 90.3%, oklch(77.22% 0.0632 218.72) 93.5%, oklch(78.31% 0.0544 212.88) 96.8%, oklch(79.13% 0.0482 208.78) 100.0%);

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

Khói hương lúc chạng vạ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