Tím đậm sang nâu vàng (hai tông) (gradient hình nón)

Bảng màu Tím đậm sang nâu vàng (hai tông)

Gradient hình nón, 80 màu, góc 225°: #2b1b31, #764253, #c8715d, #eaa66b, #efd4a4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2b1b31
#2d1c32
#2f1d33
#311e35
#342037
#372139
#3a233b
#3e253d
#42273f
#462941
#4a2b43
#4e2d45
#533047
#573249
#5c344b
#61374c
#65394e
#6a3b50
#6e3d51
#724052
#764253
#7b4454
#7f4656
#834857
#884a58
#8c4c58
#914f59
#95515a
#99535b
#9e555b
#a2585b
#a75a5c
#ab5d5c
#af5f5c
#b3625c
#b7645d
#bb675d
#bf695d
#c26c5d
#c56f5d
#c8715d
#cb745d
#ce775d
#d17a5d
#d37c5d
#d57f5d
#d8825e
#da855e
#dc875e
#dd8a5f
#df8d60
#e19061
#e29361
#e49563
#e59864
#e69b65
#e79e66
#e8a068
#e9a369
#eaa66b
#eba96d
#ecab6f
#ecae72
#edb174
#edb477
#eeb77a
#eeb97e
#eebc81
#eebf84
#eec188
#eec48b
#efc68e
#efc992
#efcb95
#efcd98
#efcf9b
#efd09d
#efd2a0
#efd3a2
#efd4a4

CSS

background: conic-gradient(from 225deg in oklch, oklch(25.20% 0.0455 316.41) 0.0%, oklch(25.73% 0.0463 317.59) 1.3%, oklch(26.36% 0.0473 318.99) 2.5%, oklch(27.07% 0.0483 320.59) 3.8%, oklch(27.86% 0.0495 322.37) 5.1%, oklch(28.72% 0.0508 324.30) 6.3%, oklch(29.64% 0.0522 326.37) 7.6%, oklch(30.61% 0.0536 328.57) 8.9%, oklch(31.63% 0.0552 330.86) 10.1%, oklch(32.69% 0.0568 333.23) 11.4%, oklch(33.77% 0.0584 335.67) 12.7%, oklch(34.89% 0.0601 338.15) 13.9%, oklch(36.02% 0.0619 340.65) 15.2%, oklch(37.15% 0.0636 343.15) 16.5%, oklch(38.29% 0.0654 345.64) 17.7%, oklch(39.42% 0.0673 348.09) 19.0%, oklch(40.54% 0.0691 350.49) 20.3%, oklch(41.64% 0.0709 352.82) 21.5%, oklch(42.71% 0.0727 355.05) 22.8%, oklch(43.74% 0.0745 357.17) 24.1%, oklch(44.73% 0.0762 359.16) 25.3%, oklch(45.72% 0.0781 1.10) 26.6%, oklch(46.72% 0.0801 3.02) 27.8%, oklch(47.72% 0.0821 4.92) 29.1%, oklch(48.73% 0.0843 6.81) 30.4%, oklch(49.75% 0.0866 8.67) 31.6%, oklch(50.77% 0.0888 10.51) 32.9%, oklch(51.79% 0.0912 12.34) 34.2%, oklch(52.81% 0.0935 14.14) 35.4%, oklch(53.82% 0.0958 15.93) 36.7%, oklch(54.83% 0.0981 17.70) 38.0%, oklch(55.83% 0.1003 19.45) 39.2%, oklch(56.83% 0.1025 21.18) 40.5%, oklch(57.81% 0.1045 22.89) 41.8%, oklch(58.78% 0.1065 24.58) 43.0%, oklch(59.73% 0.1083 26.25) 44.3%, oklch(60.67% 0.1100 27.91) 45.6%, oklch(61.58% 0.1115 29.54) 46.8%, oklch(62.48% 0.1128 31.16) 48.1%, oklch(63.35% 0.1139 32.76) 49.4%, oklch(64.20% 0.1148 34.34) 50.6%, oklch(65.03% 0.1155 35.89) 51.9%, oklch(65.85% 0.1162 37.43) 53.2%, oklch(66.65% 0.1167 38.94) 54.4%, oklch(67.44% 0.1170 40.44) 55.7%, oklch(68.21% 0.1173 41.91) 57.0%, oklch(68.97% 0.1175 43.37) 58.2%, oklch(69.71% 0.1175 44.81) 59.5%, oklch(70.44% 0.1175 46.23) 60.8%, oklch(71.16% 0.1173 47.63) 62.0%, oklch(71.87% 0.1170 49.01) 63.3%, oklch(72.57% 0.1167 50.37) 64.6%, oklch(73.26% 0.1162 51.72) 65.8%, oklch(73.93% 0.1157 53.05) 67.1%, oklch(74.60% 0.1150 54.37) 68.4%, oklch(75.26% 0.1143 55.67) 69.6%, oklch(75.90% 0.1135 56.95) 70.9%, oklch(76.54% 0.1126 58.22) 72.2%, oklch(77.17% 0.1116 59.48) 73.4%, oklch(77.80% 0.1105 60.72) 74.7%, oklch(78.42% 0.1093 61.95) 75.9%, oklch(79.04% 0.1079 63.21) 77.2%, oklch(79.67% 0.1062 64.47) 78.5%, oklch(80.29% 0.1043 65.74) 79.7%, oklch(80.91% 0.1022 67.01) 81.0%, oklch(81.53% 0.1000 68.28) 82.3%, oklch(82.14% 0.0977 69.53) 83.5%, oklch(82.73% 0.0953 70.77) 84.8%, oklch(83.32% 0.0928 71.98) 86.1%, oklch(83.89% 0.0903 73.16) 87.3%, oklch(84.44% 0.0878 74.31) 88.6%, oklch(84.97% 0.0853 75.42) 89.9%, oklch(85.48% 0.0829 76.49) 91.1%, oklch(85.96% 0.0806 77.50) 92.4%, oklch(86.41% 0.0784 78.45) 93.7%, oklch(86.84% 0.0764 79.34) 94.9%, oklch(87.23% 0.0745 80.17) 96.2%, oklch(87.59% 0.0729 80.91) 97.5%, oklch(87.91% 0.0714 81.58) 98.7%, oklch(88.19% 0.0703 82.16) 100.0%);

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

Bầu trờ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