Nâu vàng, hồng và tím (ba tông) (gradient tuyến tính)

Nâu vàng, hồng và tím (ba tông): bảng màu gồm 64 màu. #cede8e, #da8c62, #a55a8a, #a86596, #c1799b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

64 màu, 3 keyframe OKLCH chỉnh sửa được.

#cede8e
#cfdb8a
#d1d886
#d2d582
#d4d17d
#d6cc78
#d7c773
#d9c26f
#dbbd6b
#dcb767
#ddb164
#ddab61
#dea560
#de9e5f
#dd985f
#dc9260
#da8c62
#d88664
#d68167
#d37c69
#d0776d
#cc7270
#c86e73
#c46b76
#c06779
#bc647c
#b8627f
#b46081
#b05e84
#ad5c86
#aa5b87
#a75a89
#a55a8a
#a3598c
#a1598d
#a0598e
#9f598f
#9f5a8f
#9f5a90
#9f5b91
#9f5c92
#a05d92
#a15e93
#a25f94
#a36094
#a56295
#a76395
#a86596
#aa6696
#ac6796
#ae6997
#b06b97
#b26c98
#b46e98
#b66f98
#b77099
#b97299
#bb7399
#bc7499
#bd769a
#be779a
#bf779a
#c0789b
#c1799b

CSS

background: linear-gradient(225deg in oklch, oklch(87.01% 0.1047 118.12) 0.0%, oklch(86.48% 0.1049 115.77) 1.6%, oklch(85.87% 0.1052 113.03) 3.2%, oklch(85.16% 0.1055 109.93) 4.8%, oklch(84.38% 0.1058 106.49) 6.3%, oklch(83.53% 0.1061 102.74) 7.9%, oklch(82.60% 0.1065 98.71) 9.5%, oklch(81.62% 0.1070 94.42) 11.1%, oklch(80.59% 0.1074 89.90) 12.7%, oklch(79.50% 0.1079 85.18) 14.3%, oklch(78.38% 0.1084 80.28) 15.9%, oklch(77.23% 0.1089 75.23) 17.5%, oklch(76.04% 0.1094 70.06) 19.0%, oklch(74.84% 0.1099 64.79) 20.6%, oklch(73.62% 0.1104 59.46) 22.2%, oklch(72.40% 0.1109 54.08) 23.8%, oklch(71.18% 0.1114 48.68) 25.4%, oklch(69.96% 0.1119 43.30) 27.0%, oklch(68.75% 0.1124 37.95) 28.6%, oklch(67.57% 0.1128 32.66) 30.2%, oklch(66.41% 0.1133 27.47) 31.7%, oklch(65.28% 0.1137 22.39) 33.3%, oklch(64.19% 0.1141 17.46) 34.9%, oklch(63.15% 0.1145 12.69) 36.5%, oklch(62.16% 0.1148 8.13) 38.1%, oklch(61.23% 0.1151 3.79) 39.7%, oklch(60.37% 0.1153 359.70) 41.3%, oklch(59.58% 0.1155 355.88) 42.9%, oklch(58.86% 0.1157 352.37) 44.4%, oklch(58.24% 0.1158 349.19) 46.0%, oklch(57.70% 0.1158 346.37) 47.6%, oklch(57.27% 0.1158 343.93) 49.2%, oklch(56.93% 0.1157 341.88) 50.8%, oklch(56.69% 0.1155 340.14) 52.4%, oklch(56.52% 0.1153 338.67) 54.0%, oklch(56.43% 0.1150 337.46) 55.6%, oklch(56.41% 0.1147 336.50) 57.1%, oklch(56.46% 0.1143 335.76) 58.7%, oklch(56.58% 0.1138 335.24) 60.3%, oklch(56.74% 0.1134 334.92) 61.9%, oklch(56.97% 0.1128 334.79) 63.5%, oklch(57.24% 0.1123 334.83) 65.1%, oklch(57.55% 0.1117 335.03) 66.7%, oklch(57.91% 0.1110 335.38) 68.3%, oklch(58.30% 0.1104 335.85) 69.8%, oklch(58.72% 0.1097 336.44) 71.4%, oklch(59.16% 0.1090 337.13) 73.0%, oklch(59.63% 0.1083 337.90) 74.6%, oklch(60.11% 0.1076 338.75) 76.2%, oklch(60.60% 0.1069 339.65) 77.8%, oklch(61.10% 0.1062 340.60) 79.4%, oklch(61.60% 0.1055 341.57) 81.0%, oklch(62.10% 0.1049 342.56) 82.5%, oklch(62.60% 0.1042 343.55) 84.1%, oklch(63.08% 0.1035 344.52) 85.7%, oklch(63.54% 0.1029 345.47) 87.3%, oklch(63.99% 0.1023 346.37) 88.9%, oklch(64.41% 0.1017 347.22) 90.5%, oklch(64.80% 0.1012 347.99) 92.1%, oklch(65.16% 0.1007 348.67) 93.7%, oklch(65.47% 0.1003 349.26) 95.2%, oklch(65.75% 0.0999 349.73) 96.8%, oklch(65.97% 0.0995 350.06) 98.4%, oklch(66.14% 0.0992 350.26) 100.0%);

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

Phải lòng bắp cải

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