Xanh dương nhạt, xanh cổ vịt và xanh lá đậm tông lạnh (gradient tuyến tính)

Xanh dương nhạt, xanh cổ vịt và xanh lá đậm tông lạnh: bảng màu gồm 32 màu. #c1ecfe, #15a7bc, #134d38. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 5 keyframe OKLCH chỉnh sửa được.

#c1ecfe
#bae9fd
#b0e6fb
#a5e2f9
#98def6
#89d9f3
#7bd4ef
#6ed0eb
#62cce7
#58c7e2
#4ec2de
#46beda
#3eb9d5
#36b4d0
#2db0ca
#23abc3
#15a7bc
#00a3b3
#00a0a9
#009c9f
#009895
#00938a
#008e80
#028977
#0a826d
#0f7a64
#12715a
#136851
#146049
#135842
#13523c
#134d38

CSS

background: linear-gradient(315deg in oklch, oklch(91.73% 0.0510 225.70) 0.0%, oklch(90.75% 0.0555 225.00) 3.2%, oklch(89.44% 0.0618 224.04) 6.5%, oklch(87.88% 0.0694 222.90) 9.7%, oklch(86.15% 0.0776 221.65) 12.9%, oklch(84.32% 0.0858 220.36) 16.1%, oklch(82.50% 0.0934 219.11) 19.4%, oklch(80.74% 0.0997 217.98) 22.6%, oklch(79.14% 0.1043 217.05) 25.8%, oklch(77.60% 0.1076 216.53) 29.0%, oklch(76.07% 0.1099 216.34) 32.3%, oklch(74.55% 0.1115 216.27) 35.5%, oklch(73.03% 0.1124 216.11) 38.7%, oklch(71.51% 0.1129 215.67) 41.9%, oklch(70.00% 0.1131 214.74) 45.2%, oklch(68.48% 0.1130 213.11) 48.4%, oklch(66.97% 0.1129 210.55) 51.6%, oklch(65.53% 0.1123 206.92) 54.8%, oklch(64.13% 0.1092 202.46) 58.1%, oklch(62.74% 0.1067 197.51) 61.3%, oklch(61.31% 0.1052 192.37) 64.5%, oklch(59.80% 0.1043 187.35) 67.7%, oklch(58.17% 0.1037 182.77) 71.0%, oklch(56.38% 0.1026 178.95) 74.2%, oklch(54.32% 0.0996 175.97) 77.4%, oklch(51.88% 0.0956 173.42) 80.6%, oklch(49.21% 0.0910 171.23) 83.9%, oklch(46.45% 0.0861 169.38) 87.1%, oklch(43.78% 0.0812 167.81) 90.3%, oklch(41.34% 0.0767 166.48) 93.5%, oklch(39.29% 0.0730 165.37) 96.8%, oklch(37.80% 0.0703 164.41) 100.0%);

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

Gradient xanh dương và 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