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

Gradient tuyến tính, 40 màu, góc 45°: #297ea9, #a17cb6, #874f7a, #7d3b51, #ad864c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#297ea9
#347ead
#407eb1
#4d7eb5
#5a7eb9
#687ebc
#767dbe
#827dbe
#8e7dbd
#987dba
#a17cb6
#a77bb2
#ab7aac
#ad78a7
#ac75a1
#a9709b
#a46b94
#9e648e
#975d87
#8f5680
#874f7a
#804974
#79436e
#743d68
#703963
#6e365f
#6f355b
#723557
#773754
#7d3b51
#84404e
#8c464b
#934e49
#9a5746
#a06045
#a46945
#a87246
#ab7a48
#ac814a
#ad864c

CSS

background: linear-gradient(45deg in oklch, oklch(56.30% 0.1033 235.55) 0.0%, oklch(56.73% 0.1028 239.97) 2.6%, oklch(57.38% 0.1021 245.78) 5.1%, oklch(58.20% 0.1012 252.71) 7.7%, oklch(59.13% 0.1003 260.53) 10.3%, oklch(60.13% 0.0992 269.00) 12.8%, oklch(61.15% 0.0981 277.87) 15.4%, oklch(62.12% 0.0970 286.89) 17.9%, oklch(62.99% 0.0960 295.83) 20.5%, oklch(63.73% 0.0950 304.43) 23.1%, oklch(64.26% 0.0941 312.46) 25.6%, oklch(64.55% 0.0933 319.67) 28.2%, oklch(64.54% 0.0927 325.81) 30.8%, oklch(64.17% 0.0923 330.65) 33.3%, oklch(63.32% 0.0922 334.06) 35.9%, oklch(61.94% 0.0922 336.22) 38.5%, oklch(60.14% 0.0925 337.35) 41.0%, oklch(58.02% 0.0928 337.69) 43.6%, oklch(55.69% 0.0933 337.45) 46.2%, oklch(53.25% 0.0938 336.88) 48.7%, oklch(50.80% 0.0944 336.19) 51.3%, oklch(48.45% 0.0950 335.60) 53.8%, oklch(46.29% 0.0955 335.36) 56.4%, oklch(44.44% 0.0959 335.68) 59.0%, oklch(42.99% 0.0963 336.79) 61.5%, oklch(42.06% 0.0965 338.91) 64.1%, oklch(41.73% 0.0965 342.28) 66.7%, oklch(42.07% 0.0963 347.07) 69.2%, oklch(42.98% 0.0959 353.15) 71.8%, oklch(44.38% 0.0955 0.28) 74.4%, oklch(46.17% 0.0949 8.22) 76.9%, oklch(48.26% 0.0943 16.73) 79.5%, oklch(50.55% 0.0936 25.57) 82.1%, oklch(52.96% 0.0929 34.49) 84.6%, oklch(55.39% 0.0922 43.25) 87.2%, oklch(57.74% 0.0915 51.62) 89.7%, oklch(59.93% 0.0909 59.36) 92.3%, oklch(61.86% 0.0904 66.21) 94.9%, oklch(63.44% 0.0899 71.95) 97.4%, oklch(64.57% 0.0896 76.33) 100.0%);

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

Fynbos sau mưa đô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