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

Bảng màu Hồng, xám và xanh cổ vịt (bổ túc)

Gradient tuyến tính, 32 màu, góc 90°: #d5968f, #dbbea8, #c9d4ba, #a1ccbe, #63a99b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d5968f
#d69990
#d79d91
#d8a294
#d9a797
#daad9b
#dab39f
#dbb8a3
#dbbea8
#dbc2ab
#dac6ae
#d9c9b0
#d7ccb2
#d5ceb4
#d1d1b6
#cdd3b8
#c9d4ba
#c4d5bd
#bfd6bf
#bad6c1
#b4d5c2
#afd3c3
#a8d0c1
#a1ccbe
#99c8ba
#90c3b6
#87beb0
#7eb9ab
#76b4a6
#6fafa1
#68ac9d
#63a99b

CSS

background: linear-gradient(90deg in oklch, oklch(73.23% 0.0772 26.02) 0.0%, oklch(73.88% 0.0748 28.56) 3.2%, oklch(74.78% 0.0715 31.57) 6.5%, oklch(75.86% 0.0675 35.05) 9.7%, oklch(77.06% 0.0630 38.98) 12.9%, oklch(78.33% 0.0583 43.34) 16.1%, oklch(79.61% 0.0536 48.14) 19.4%, oklch(80.84% 0.0491 53.35) 22.6%, oklch(81.97% 0.0451 58.96) 25.8%, oklch(82.93% 0.0417 64.97) 29.0%, oklch(83.67% 0.0392 71.36) 32.3%, oklch(84.19% 0.0376 78.36) 35.5%, oklch(84.63% 0.0367 86.60) 38.7%, oklch(84.99% 0.0363 95.82) 41.9%, oklch(85.27% 0.0363 105.71) 45.2%, oklch(85.44% 0.0367 115.93) 48.4%, oklch(85.50% 0.0375 126.15) 51.6%, oklch(85.42% 0.0385 136.06) 54.8%, oklch(85.21% 0.0398 145.33) 58.1%, oklch(84.85% 0.0413 153.64) 61.3%, oklch(84.31% 0.0430 160.65) 64.5%, oklch(83.59% 0.0447 166.08) 67.7%, oklch(82.52% 0.0470 170.19) 71.0%, oklch(81.13% 0.0499 173.23) 74.2%, oklch(79.50% 0.0531 175.38) 77.4%, oklch(77.72% 0.0566 176.79) 80.6%, oklch(75.87% 0.0602 177.64) 83.9%, oklch(74.04% 0.0637 178.09) 87.1%, oklch(72.30% 0.0671 178.31) 90.3%, oklch(70.74% 0.0701 178.46) 93.5%, oklch(69.45% 0.0726 178.72) 96.8%, oklch(68.50% 0.0744 179.24) 100.0%);

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

Gradient cho hero section

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