Hồng, hồng đào, nâu vàng và xanh dương (gradient tuyến tính)

Bảng màu Hồng, hồng đào, nâu vàng và xanh dương

Gradient tuyến tính, 32 màu, góc 225°: #ae61a1, #feac6c, #fec25c, #f1a966, #5585b5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ae61a1
#b9659e
#c76a98
#d67390
#e47d87
#ef8a7e
#f79776
#fca370
#feac6c
#ffb36a
#ffb96a
#ffbd68
#ffc066
#ffc163
#ffc260
#ffc25d
#fec25c
#fcc25c
#f8c15c
#f5c05d
#f2bd5d
#f0b95e
#f0b261
#f1a966
#f19e71
#ed9285
#de889e
#c683b4
#a782c2
#8683c4
#6985be
#5585b5

CSS

background: linear-gradient(225deg in oklch, oklch(60.24% 0.1295 333.28) 0.0%, oklch(61.99% 0.1291 340.32) 3.2%, oklch(64.46% 0.1284 350.19) 6.5%, oklch(67.41% 0.1275 1.96) 9.7%, oklch(70.61% 0.1267 14.73) 12.9%, oklch(73.80% 0.1259 27.56) 16.1%, oklch(76.77% 0.1254 39.54) 19.4%, oklch(79.28% 0.1252 49.76) 22.6%, oklch(81.10% 0.1255 57.35) 25.8%, oklch(82.44% 0.1258 63.15) 29.0%, oklch(83.46% 0.1259 67.76) 32.3%, oklch(84.21% 0.1272 71.33) 35.5%, oklch(84.71% 0.1292 73.98) 38.7%, oklch(85.00% 0.1315 75.84) 41.9%, oklch(85.11% 0.1338 77.05) 45.2%, oklch(85.09% 0.1361 77.72) 48.4%, oklch(84.96% 0.1361 78.17) 51.6%, oklch(84.67% 0.1349 79.25) 54.8%, oklch(84.22% 0.1331 80.44) 58.1%, oklch(83.60% 0.1308 81.02) 61.3%, oklch(82.79% 0.1282 80.28) 64.5%, oklch(81.78% 0.1253 77.48) 67.7%, oklch(80.56% 0.1223 71.90) 71.0%, oklch(79.13% 0.1192 62.83) 74.2%, oklch(77.35% 0.1161 48.76) 77.4%, oklch(75.02% 0.1124 28.46) 80.6%, oklch(72.32% 0.1083 3.89) 83.9%, oklch(69.46% 0.1041 337.14) 87.1%, oklch(66.61% 0.1001 310.28) 90.3%, oklch(64.00% 0.0963 285.38) 93.5%, oklch(61.81% 0.0932 264.53) 96.8%, oklch(60.24% 0.0909 249.80) 100.0%);

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

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