Nâu vàng, tím và xanh hải quân (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #c4cf79, #c797b8, #4c4770, #301c48, #864874. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c4cf79
#cfc873
#dbbf70
#e5b575
#eaab81
#eaa391
#e29ea2
#d69ab0
#c797b8
#b794bb
#a78fb9
#9888b2
#897ea8
#79729b
#69648d
#5a557e
#4c4770
#403a62
#362e57
#2f254e
#2a1e47
#291a44
#2b1a45
#301c48
#391f4d
#432554
#502b5b
#5d3262
#6a3968
#763f6d
#7f4571
#864874

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(82.68% 0.1102 114.61) 0.0%, oklch(81.93% 0.1074 104.39) 3.2%, oklch(81.12% 0.1034 90.46) 6.5%, oklch(80.22% 0.0987 73.70) 9.7%, oklch(79.18% 0.0933 54.98) 12.9%, oklch(78.00% 0.0878 35.19) 16.1%, oklch(76.62% 0.0822 15.20) 19.4%, oklch(75.02% 0.0769 355.89) 22.6%, oklch(73.18% 0.0721 338.13) 25.8%, oklch(71.05% 0.0682 322.79) 29.0%, oklch(68.61% 0.0654 310.77) 32.3%, oklch(65.67% 0.0639 302.40) 35.5%, oklch(61.85% 0.0632 296.36) 38.7%, oklch(57.34% 0.0632 292.25) 41.9%, oklch(52.39% 0.0639 289.81) 45.2%, oklch(47.25% 0.0651 288.77) 48.4%, oklch(42.16% 0.0666 288.85) 51.6%, oklch(37.38% 0.0685 289.78) 54.8%, oklch(33.14% 0.0705 291.28) 58.1%, oklch(29.69% 0.0725 293.08) 61.3%, oklch(27.28% 0.0745 294.91) 64.5%, oklch(26.16% 0.0764 296.61) 67.7%, oklch(26.35% 0.0786 299.23) 71.0%, oklch(27.64% 0.0812 302.94) 74.2%, oklch(29.80% 0.0840 307.45) 77.4%, oklch(32.58% 0.0870 312.52) 80.6%, oklch(35.76% 0.0901 317.85) 83.9%, oklch(39.09% 0.0930 323.20) 87.1%, oklch(42.33% 0.0958 328.29) 90.3%, oklch(45.26% 0.0983 332.86) 93.5%, oklch(47.63% 0.1004 336.63) 96.8%, oklch(49.21% 0.1020 339.35) 100.0%);

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

Giao diện kính óng ánh

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