Xanh cổ vịt, xám và hồng cánh sen (bổ túc) (gradient tuyến tính)

Bảng màu Xanh cổ vịt, xám và hồng cánh sen (bổ túc)

Gradient tuyến tính, 32 màu, góc 270°: #00626a, #00aaa7, #c8dbcf, #f1a0b6, #cc3171. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00626a
#00686f
#007076
#007a7f
#078487
#0f8e8f
#119797
#08a19f
#00aaa7
#0bb4ae
#29bdb4
#4ac5b9
#6dccc1
#8dd1c9
#a8d6ce
#bddad0
#c8dbcf
#d2dac9
#dcd6c3
#e5cfbe
#ebc6bf
#edbdc0
#efb0be
#f1a0b6
#f38faa
#f47d9c
#f16e93
#eb5f8c
#e25284
#d9457c
#d13a76
#cc3171

CSS

background: linear-gradient(270deg in oklch, oklch(45.28% 0.0773 204.62) 0.0%, oklch(47.07% 0.0802 203.52) 3.2%, oklch(49.59% 0.0844 201.96) 6.5%, oklch(52.55% 0.0893 200.14) 9.7%, oklch(55.64% 0.0934 198.23) 12.9%, oklch(58.60% 0.0972 196.43) 16.1%, oklch(61.32% 0.1019 194.93) 19.4%, oklch(64.07% 0.1084 193.67) 22.6%, oklch(66.83% 0.1146 192.38) 25.8%, oklch(69.59% 0.1186 190.78) 29.0%, oklch(72.32% 0.1175 188.60) 32.3%, oklch(75.14% 0.1089 186.52) 35.5%, oklch(78.27% 0.0917 186.33) 38.7%, oklch(81.40% 0.0703 185.80) 41.9%, oklch(84.20% 0.0493 182.43) 45.2%, oklch(86.31% 0.0335 173.71) 48.4%, oklch(87.46% 0.0264 156.62) 51.6%, oklch(87.84% 0.0247 128.58) 54.8%, oklch(87.60% 0.0272 94.47) 58.1%, oklch(86.82% 0.0334 60.05) 61.3%, oklch(85.63% 0.0430 31.05) 64.5%, oklch(84.08% 0.0558 12.88) 67.7%, oklch(81.90% 0.0754 4.40) 71.0%, oklch(79.20% 0.0997 2.11) 74.2%, oklch(76.22% 0.1252 3.22) 77.4%, oklch(73.21% 0.1481 4.96) 80.6%, oklch(70.41% 0.1649 4.62) 83.9%, oklch(67.48% 0.1760 3.27) 87.1%, oklch(64.38% 0.1837 2.30) 90.3%, oklch(61.42% 0.1889 1.60) 93.5%, oklch(58.89% 0.1925 1.08) 96.8%, oklch(57.09% 0.1957 0.66) 100.0%);

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

Gradient hồng và xanh cổ vịt

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