Xanh lá đậm, xanh cổ vịt và tím oải hương (gradient xuyên tâm)

Bảng màu Xanh lá đậm, xanh cổ vịt và tím oải hương

Gradient xuyên tâm, 32 màu: #0c201a, #0f644e, #4f9e70, #64c2ba, #d7c7ec. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c201a
#0d251e
#0e2b23
#0e3329
#0f3c2f
#0f4537
#0e4f3e
#0e5a46
#0f644e
#116e55
#15775c
#1b7e62
#258566
#308c69
#3b926b
#45986e
#4f9e70
#58a374
#5ea87a
#62ae81
#64b38b
#64b997
#63bea8
#64c2ba
#6dc5cd
#7cc6dd
#8fc6e8
#a3c5ef
#b5c5f1
#c4c5f0
#cfc6ee
#d7c7ec

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.44% 0.0289 172.27) 0.0%, oklch(24.15% 0.0331 172.09) 3.2%, oklch(26.38% 0.0388 171.88) 6.5%, oklch(29.04% 0.0456 171.64) 9.7%, oklch(32.02% 0.0532 171.37) 12.9%, oklch(35.21% 0.0613 171.06) 16.1%, oklch(38.51% 0.0694 170.74) 19.4%, oklch(41.82% 0.0772 170.39) 22.6%, oklch(45.03% 0.0844 170.02) 25.8%, oklch(48.05% 0.0905 169.63) 29.0%, oklch(50.76% 0.0952 169.23) 32.3%, oklch(53.14% 0.0985 168.53) 35.5%, oklch(55.40% 0.1009 166.77) 38.7%, oklch(57.56% 0.1026 164.28) 41.9%, oklch(59.62% 0.1037 161.45) 45.2%, oklch(61.61% 0.1041 158.70) 48.4%, oklch(63.52% 0.1040 156.41) 51.6%, oklch(65.36% 0.1034 155.00) 54.8%, oklch(67.14% 0.1023 154.87) 58.1%, oklch(68.87% 0.1009 156.41) 61.3%, oklch(70.55% 0.0992 160.04) 64.5%, oklch(72.20% 0.0971 166.21) 67.7%, oklch(73.84% 0.0941 175.83) 71.0%, oklch(75.46% 0.0901 188.45) 74.2%, oklch(77.05% 0.0854 203.31) 77.4%, oklch(78.58% 0.0803 219.62) 80.6%, oklch(80.03% 0.0750 236.60) 83.9%, oklch(81.39% 0.0697 253.48) 87.1%, oklch(82.63% 0.0647 269.47) 90.3%, oklch(83.73% 0.0602 283.80) 93.5%, oklch(84.67% 0.0565 295.69) 96.8%, oklch(85.43% 0.0537 304.36) 100.0%);

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

Gradient nhiều màu xanh lá

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