Hồng đào, nâu, xanh hải quân và xanh cổ vịt (gradient tuyến tính)

Bảng màu Hồng đào, nâu, xanh hải quân và xanh cổ vịt

Gradient tuyến tính, 32 màu, góc 315°: #ffcca8, #dd6637, #60434d, #1f676c, #3db5aa. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffcca8
#fec49c
#fdb88b
#fbaa78
#f79b66
#f28d56
#ec804a
#e5733f
#dd6637
#d35a32
#c85134
#b94a37
#a5483a
#8f473d
#7b4642
#6b4547
#60434d
#574455
#4d475e
#404d63
#345364
#2d5963
#276065
#1f676c
#126f75
#00787f
#008186
#008c8e
#119896
#25a49e
#34aea6
#3db5aa

CSS

background: linear-gradient(315deg in oklch, oklch(88.19% 0.0748 56.96) 0.0%, oklch(86.31% 0.0854 55.77) 3.2%, oklch(83.68% 0.0995 54.16) 6.5%, oklch(80.59% 0.1154 52.22) 9.7%, oklch(77.31% 0.1305 50.06) 12.9%, oklch(74.12% 0.1419 47.82) 16.1%, oklch(71.09% 0.1498 45.59) 19.4%, oklch(67.96% 0.1567 43.35) 22.6%, oklch(64.78% 0.1614 40.93) 25.8%, oklch(61.60% 0.1625 38.18) 29.0%, oklch(58.49% 0.1584 34.93) 32.3%, oklch(55.38% 0.1468 31.91) 35.5%, oklch(52.01% 0.1256 30.78) 38.7%, oklch(48.67% 0.0997 29.35) 41.9%, oklch(45.68% 0.0739 25.17) 45.2%, oklch(43.34% 0.0535 15.77) 48.4%, oklch(41.93% 0.0425 358.18) 51.6%, oklch(41.29% 0.0382 329.94) 54.8%, oklch(41.27% 0.0384 295.79) 58.1%, oklch(41.74% 0.0416 261.31) 61.3%, oklch(42.59% 0.0464 232.09) 64.5%, oklch(43.72% 0.0514 213.39) 67.7%, oklch(45.30% 0.0592 204.16) 71.0%, oklch(47.30% 0.0692 200.96) 74.2%, oklch(49.63% 0.0798 201.02) 77.4%, oklch(52.15% 0.0887 201.54) 80.6%, oklch(54.79% 0.0931 199.81) 83.9%, oklch(57.95% 0.0987 196.66) 87.1%, oklch(61.56% 0.1027 193.56) 90.3%, oklch(65.16% 0.1042 190.71) 93.5%, oklch(68.29% 0.1052 188.31) 96.8%, oklch(70.47% 0.1061 186.58) 100.0%);

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

Xanh cổ vịt và cam

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