Cầu vồng từ xanh cổ vịt sang hồng cá hồi tông pastel (gradient tuyến tính)

Bảng màu Cầu vồng từ xanh cổ vịt sang hồng cá hồi tông pastel

Gradient tuyến tính, 32 màu, góc 240°: #45d9d1, #f8eee1, #ebca84, #077e8e, #df706a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#45d9d1
#64dcc7
#88e0bc
#ace2b6
#cbe4b8
#e1e6c2
#eeead0
#f5eddc
#f8eee1
#faeee0
#feecda
#ffe8d4
#ffe4cc
#ffdebf
#ffd7aa
#facf93
#ebca84
#d2c277
#b2b96e
#8dae6d
#65a172
#3f947a
#1b8884
#077e8e
#22769b
#4470a9
#686bb2
#8c68b2
#ac66a6
#c66793
#d76b7e
#df706a

CSS

background: linear-gradient(240deg in oklch, oklch(80.71% 0.1226 189.84) 0.0%, oklch(82.04% 0.1132 180.14) 3.2%, oklch(84.01% 0.0992 166.32) 6.5%, oklch(86.36% 0.0825 149.82) 9.7%, oklch(88.84% 0.0649 132.06) 12.9%, oklch(91.23% 0.0481 114.49) 16.1%, oklch(93.27% 0.0339 98.55) 19.4%, oklch(94.72% 0.0241 85.67) 22.6%, oklch(95.36% 0.0204 77.16) 25.8%, oklch(95.46% 0.0233 71.23) 29.0%, oklch(95.18% 0.0313 66.96) 32.3%, oklch(94.51% 0.0367 64.52) 35.5%, oklch(93.45% 0.0437 64.03) 38.7%, oklch(92.00% 0.0554 65.65) 41.9%, oklch(90.15% 0.0737 69.54) 45.2%, oklch(87.90% 0.0907 75.84) 48.4%, oklch(85.09% 0.0957 84.86) 51.6%, oklch(81.11% 0.0976 97.33) 54.8%, oklch(76.23% 0.0975 112.79) 58.1%, oklch(70.91% 0.0960 130.55) 61.3%, oklch(65.61% 0.0941 149.95) 64.5%, oklch(60.77% 0.0925 170.32) 67.7%, oklch(56.86% 0.0918 191.00) 71.0%, oklch(54.31% 0.0930 211.32) 74.2%, oklch(53.47% 0.0966 231.98) 77.4%, oklch(54.11% 0.1020 255.37) 80.6%, oklch(55.83% 0.1088 280.37) 83.9%, oklch(58.25% 0.1162 305.67) 87.1%, oklch(61.00% 0.1237 330.01) 90.3%, oklch(63.68% 0.1306 352.08) 93.5%, oklch(65.92% 0.1365 10.60) 96.8%, oklch(67.32% 0.1406 24.29) 100.0%);

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

Gradient bãi biển

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