Xanh dương, xanh lá, xám và nâu vàng (gradient xuyên tâm)

Bảng màu Xanh dương, xanh lá, xám và nâu vàng

Gradient xuyên tâm, 32 màu: #4f3e68, #207a64, #899870, #a6aa8a, #ba9b64. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4f3e68
#4c436e
#454975
#3b507c
#2c597f
#16637e
#006c78
#00746f
#207a64
#3a7e59
#4e8152
#5d844f
#6a8751
#748b56
#7c8f5e
#839367
#899870
#8f9c78
#94a080
#98a486
#9da68b
#a0a88d
#a3a98c
#a6aa8a
#a8a986
#aba881
#ada67b
#b0a475
#b3a170
#b59f6a
#b89c66
#ba9b64

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(40.16% 0.0703 302.34) 0.0%, oklch(41.06% 0.0717 292.62) 3.2%, oklch(42.21% 0.0738 279.41) 6.5%, oklch(43.58% 0.0765 263.54) 9.7%, oklch(45.11% 0.0795 245.82) 12.9%, oklch(46.76% 0.0825 227.05) 16.1%, oklch(48.50% 0.0834 208.06) 19.4%, oklch(50.27% 0.0869 189.62) 22.6%, oklch(52.04% 0.0895 172.59) 25.8%, oklch(53.76% 0.0903 157.75) 29.0%, oklch(55.39% 0.0900 145.91) 32.3%, oklch(56.95% 0.0881 137.54) 35.5%, oklch(58.63% 0.0845 131.72) 38.7%, oklch(60.39% 0.0794 127.96) 41.9%, oklch(62.18% 0.0734 125.82) 45.2%, oklch(63.96% 0.0668 124.89) 48.4%, oklch(65.69% 0.0600 124.73) 51.6%, oklch(67.32% 0.0536 124.92) 54.8%, oklch(68.79% 0.0480 125.02) 58.1%, oklch(70.07% 0.0436 124.62) 61.3%, oklch(71.12% 0.0407 123.27) 64.5%, oklch(71.87% 0.0399 120.61) 67.7%, oklch(72.32% 0.0411 117.10) 71.0%, oklch(72.51% 0.0440 113.07) 74.2%, oklch(72.48% 0.0480 108.68) 77.4%, oklch(72.29% 0.0530 104.09) 80.6%, oklch(71.99% 0.0585 99.47) 83.9%, oklch(71.62% 0.0641 94.98) 87.1%, oklch(71.24% 0.0696 90.77) 90.3%, oklch(70.88% 0.0745 87.01) 93.5%, oklch(70.61% 0.0785 83.86) 96.8%, oklch(70.47% 0.0813 81.48) 100.0%);

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

Thu hoạch đầm nam việt quất

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