Xanh cổ vịt, xám, tím và hồng (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 135°: #316266, #dfd7ba, #484c98, #9e546d, #d27a82. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#316266
#366769
#3e6e6d
#487572
#537e78
#60887f
#6d9286
#7c9d8e
#8aa796
#99b29e
#a7bba6
#b4c4ad
#c0ccb3
#cad2b8
#d3d6bb
#dad8bc
#dfd7ba
#e2d3b6
#e3ccb0
#e3c2a9
#e1b7a3
#ddaa9e
#d59c9c
#cb8e9c
#be819d
#ae769f
#9d6ca0
#8b63a0
#795ca0
#68569e
#5a519c
#4f4e9a
#484c98
#454a96
#454895
#494794
#4f4693
#574591
#5f458f
#68458c
#714588
#7a4684
#82487f
#8a4a7b
#914c76
#964f72
#9b526f
#9e546d
#a1566c
#a5586b
#a85b6b
#ac5e6c
#af606d
#b3636f
#b76671
#ba6973
#be6b75
#c26e78
#c5707a
#c8737c
#cb757e
#ce7780
#d07881
#d27a82

CSS

background: linear-gradient(135deg in oklch, oklch(46.46% 0.0537 202.50) 0.0%, oklch(48.09% 0.0530 198.83) 1.6%, oklch(50.29% 0.0519 194.60) 3.2%, oklch(52.98% 0.0504 189.86) 4.8%, oklch(56.04% 0.0486 184.61) 6.3%, oklch(59.39% 0.0467 178.91) 7.9%, oklch(62.94% 0.0447 172.76) 9.5%, oklch(66.57% 0.0427 166.21) 11.1%, oklch(70.21% 0.0408 159.28) 12.7%, oklch(73.75% 0.0390 151.99) 14.3%, oklch(77.10% 0.0376 144.38) 15.9%, oklch(80.15% 0.0364 136.48) 17.5%, oklch(82.83% 0.0358 128.31) 19.0%, oklch(85.02% 0.0356 119.89) 20.6%, oklch(86.64% 0.0361 111.27) 22.2%, oklch(87.58% 0.0372 102.47) 23.8%, oklch(87.76% 0.0392 93.47) 25.4%, oklch(87.11% 0.0421 83.36) 27.0%, oklch(85.71% 0.0462 71.96) 28.6%, oklch(83.67% 0.0510 59.53) 30.2%, oklch(81.08% 0.0566 46.31) 31.7%, oklch(78.05% 0.0627 32.56) 33.3%, oklch(74.69% 0.0692 18.53) 34.9%, oklch(71.10% 0.0759 4.46) 36.5%, oklch(67.37% 0.0827 350.63) 38.1%, oklch(63.61% 0.0895 337.26) 39.7%, oklch(59.94% 0.0960 324.62) 41.3%, oklch(56.44% 0.1022 312.95) 42.9%, oklch(53.22% 0.1079 302.52) 44.4%, oklch(50.39% 0.1128 293.56) 46.0%, oklch(48.04% 0.1170 286.33) 47.6%, oklch(46.29% 0.1201 281.09) 49.2%, oklch(45.19% 0.1222 278.07) 50.8%, oklch(44.50% 0.1233 277.27) 52.4%, oklch(44.14% 0.1236 278.44) 54.0%, oklch(44.09% 0.1233 281.34) 55.6%, oklch(44.30% 0.1224 285.72) 57.1%, oklch(44.75% 0.1210 291.32) 58.7%, oklch(45.39% 0.1192 297.90) 60.3%, oklch(46.20% 0.1171 305.21) 61.9%, oklch(47.12% 0.1148 313.00) 63.5%, oklch(48.14% 0.1125 321.01) 65.1%, oklch(49.21% 0.1101 329.00) 66.7%, oklch(50.30% 0.1079 336.71) 68.3%, oklch(51.38% 0.1059 343.91) 69.8%, oklch(52.40% 0.1042 350.33) 71.4%, oklch(53.34% 0.1029 355.73) 73.0%, oklch(54.15% 0.1021 359.86) 74.6%, oklch(54.88% 0.1018 2.79) 76.2%, oklch(55.68% 0.1017 5.23) 77.8%, oklch(56.56% 0.1019 7.25) 79.4%, oklch(57.48% 0.1022 8.90) 81.0%, oklch(58.45% 0.1027 10.21) 82.5%, oklch(59.44% 0.1033 11.23) 84.1%, oklch(60.44% 0.1040 12.00) 85.7%, oklch(61.44% 0.1048 12.56) 87.3%, oklch(62.43% 0.1056 12.95) 88.9%, oklch(63.38% 0.1065 13.21) 90.5%, oklch(64.29% 0.1073 13.38) 92.1%, oklch(65.15% 0.1081 13.51) 93.7%, oklch(65.93% 0.1088 13.63) 95.2%, oklch(66.63% 0.1094 13.79) 96.8%, oklch(67.23% 0.1099 14.04) 98.4%, oklch(67.72% 0.1102 14.40) 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