Xanh dương nhạt, xanh cổ vịt và xanh dương (tương đồng) (gradient tuyến tính)

Xanh dương nhạt, xanh cổ vịt và xanh dương (tương đồng): bảng màu gồm 32 màu. #a4ecfe, #20c7cb, #09588b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a4ecfe
#9eebfd
#96e9fc
#8ce7fa
#81e4f7
#75e2f4
#6bdff2
#62ddef
#59dcec
#50daea
#47d8e7
#3ed6e3
#35d3df
#2dd1db
#27ced6
#23cad1
#20c7cb
#1dc3c6
#19bec1
#13b9bd
#0db3ba
#09acb7
#09a4b4
#0a9db1
#0b95ad
#098da9
#0484a4
#017a9f
#006f99
#026693
#055e8e
#09588b

CSS

background: linear-gradient(90deg in oklch, oklch(90.16% 0.0758 215.16) 0.0%, oklch(89.53% 0.0794 214.49) 3.2%, oklch(88.66% 0.0846 213.58) 6.5%, oklch(87.63% 0.0907 212.50) 9.7%, oklch(86.53% 0.0970 211.32) 12.9%, oklch(85.43% 0.1030 210.14) 16.1%, oklch(84.43% 0.1080 209.02) 19.4%, oklch(83.57% 0.1120 207.99) 22.6%, oklch(82.77% 0.1155 206.94) 25.8%, oklch(82.00% 0.1187 205.89) 29.0%, oklch(81.22% 0.1214 204.85) 32.3%, oklch(80.41% 0.1235 203.84) 35.5%, oklch(79.52% 0.1250 202.85) 38.7%, oklch(78.55% 0.1258 201.81) 41.9%, oklch(77.57% 0.1257 200.38) 45.2%, oklch(76.56% 0.1251 198.84) 48.4%, oklch(75.48% 0.1239 197.49) 51.6%, oklch(74.29% 0.1224 196.65) 54.8%, oklch(72.94% 0.1208 196.66) 58.1%, oklch(71.41% 0.1192 197.80) 61.3%, oklch(69.70% 0.1170 200.07) 64.5%, oklch(67.84% 0.1145 203.21) 67.7%, oklch(65.85% 0.1118 206.95) 71.0%, oklch(63.77% 0.1092 211.01) 74.2%, oklch(61.61% 0.1072 215.15) 77.4%, oklch(59.39% 0.1059 219.11) 80.6%, oklch(56.84% 0.1054 223.51) 83.9%, oklch(54.00% 0.1055 228.38) 87.1%, oklch(51.12% 0.1060 233.35) 90.3%, oklch(48.42% 0.1066 237.99) 93.5%, oklch(46.13% 0.1072 241.93) 96.8%, oklch(44.49% 0.1075 244.75) 100.0%);

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

Gradient mùa hè Gradient mùa xuân Gradient nhiều màu tông sáng

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