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

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

Gradient tuyến tính, 32 màu, góc 90°: #ecb68c, #cb6d49, #80242e, #3f1c44, #165682. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ecb68c
#eab186
#e8a97d
#e5a073
#e2976a
#dd8d61
#d88359
#d27851
#cb6d49
#c36243
#bb573e
#b24e39
#a84435
#9e3b31
#94322e
#8a2b2d
#80242e
#751f2e
#6a1c2f
#601930
#571832
#4f1837
#47193d
#3f1c44
#37204a
#2f2550
#2a2a55
#27325d
#243b68
#214673
#1c4f7c
#165682

CSS

background: linear-gradient(90deg in oklch, oklch(81.50% 0.0841 59.06) 0.0%, oklch(80.22% 0.0884 57.73) 3.2%, oklch(78.48% 0.0946 55.89) 6.5%, oklch(76.38% 0.1017 53.69) 9.7%, oklch(74.07% 0.1088 51.30) 12.9%, oklch(71.66% 0.1149 48.89) 16.1%, oklch(69.16% 0.1198 46.46) 19.4%, oklch(66.41% 0.1246 43.85) 22.6%, oklch(63.51% 0.1288 41.14) 25.8%, oklch(60.56% 0.1322 38.38) 29.0%, oklch(57.64% 0.1346 35.65) 32.3%, oklch(54.79% 0.1356 33.09) 35.5%, oklch(51.87% 0.1358 30.85) 38.7%, oklch(48.95% 0.1349 28.62) 41.9%, oklch(46.10% 0.1330 26.09) 45.2%, oklch(43.40% 0.1301 22.93) 48.4%, oklch(40.87% 0.1257 19.02) 51.6%, oklch(38.35% 0.1193 15.05) 54.8%, oklch(35.92% 0.1115 10.66) 58.1%, oklch(33.75% 0.1035 5.26) 61.3%, oklch(31.98% 0.0962 358.29) 64.5%, oklch(30.75% 0.0906 349.09) 67.7%, oklch(29.92% 0.0858 336.66) 71.0%, oklch(29.45% 0.0815 322.07) 74.2%, oklch(29.43% 0.0782 306.90) 77.4%, oklch(29.90% 0.0762 292.70) 80.6%, oklch(30.93% 0.0759 281.00) 83.9%, oklch(32.99% 0.0781 271.07) 87.1%, oklch(35.87% 0.0823 262.18) 90.3%, oklch(39.00% 0.0874 254.53) 93.5%, oklch(41.80% 0.0920 248.29) 96.8%, oklch(43.70% 0.0951 243.64) 100.0%);

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

Đèn lồng giấy lúc chạng vạ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