Xanh dương nhạt, tím oải hương và nâu (ba tông) (gradient xuyên tâm)

Bảng màu Xanh dương nhạt, tím oải hương và nâu (ba tông)

Gradient xuyên tâm, 32 màu: #cbeaff, #b6c7ff, #b99cf9, #be6198, #4f3c01. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#cbeaff
#c8e8ff
#c5e5ff
#c2e1ff
#beddff
#bbd8ff
#b9d2ff
#b7cdff
#b6c7ff
#b6c0ff
#b6baff
#b6b4fe
#b7affd
#b7abfc
#b8a6fc
#b8a1fb
#b99cf9
#ba96f5
#bc90ef
#be88e7
#c080db
#c277ca
#c16cb4
#be6198
#b7587a
#ab505c
#9c4b41
#8b4729
#794416
#684107
#5a3e02
#4f3c01

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.13% 0.0437 236.94) 0.0%, oklch(91.47% 0.0462 239.57) 3.2%, oklch(90.65% 0.0494 242.99) 6.5%, oklch(89.67% 0.0532 247.03) 9.7%, oklch(88.57% 0.0575 251.57) 12.9%, oklch(87.38% 0.0625 256.45) 16.1%, oklch(86.13% 0.0681 261.54) 19.4%, oklch(84.85% 0.0744 266.68) 22.6%, oklch(83.56% 0.0813 271.73) 25.8%, oklch(82.30% 0.0889 276.56) 29.0%, oklch(81.09% 0.0969 281.02) 32.3%, oklch(79.98% 0.1040 284.88) 35.5%, oklch(79.00% 0.1097 287.98) 38.7%, oklch(78.10% 0.1157 290.54) 41.9%, oklch(77.24% 0.1218 292.83) 45.2%, oklch(76.35% 0.1277 295.11) 48.4%, oklch(75.40% 0.1332 297.64) 51.6%, oklch(74.32% 0.1380 300.68) 54.8%, oklch(73.07% 0.1417 304.50) 58.1%, oklch(71.60% 0.1442 309.35) 61.3%, oklch(69.85% 0.1451 315.49) 64.5%, oklch(67.76% 0.1441 323.25) 67.7%, oklch(65.12% 0.1407 333.37) 71.0%, oklch(62.01% 0.1352 345.57) 74.2%, oklch(58.55% 0.1280 359.24) 77.4%, oklch(54.89% 0.1197 13.81) 80.6%, oklch(51.18% 0.1108 28.70) 83.9%, oklch(47.54% 0.1018 43.30) 87.1%, oklch(44.13% 0.0931 57.05) 90.3%, oklch(41.08% 0.0853 69.34) 93.5%, oklch(38.52% 0.0789 79.61) 96.8%, oklch(36.61% 0.0744 87.25) 100.0%);

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

Gradient nhiều màu

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