Xanh dương nhạt, cam, hồng đào và hồng cá hồi (gradient tuyến tính)

Bảng màu Xanh dương nhạt, cam, hồng đào và hồng cá hồi

Gradient tuyến tính, 32 màu, góc 225°: #b4dfd0, #fa5d40, #c8626c, #f0b4a1, #ee5a57. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b4dfd0
#acdcc1
#a9d7a6
#b2cb7e
#c8ba4d
#dfa10c
#ef8800
#fa6e21
#fa5d40
#f55452
#ed4f5c
#e34e62
#da4f64
#d25265
#cc5666
#c95b68
#c8626c
#cc6c71
#d27a79
#d88982
#e0988d
#e6a597
#ecaf9e
#f0b4a1
#f3b39f
#f4ac96
#f5a18a
#f5927d
#f38270
#f17264
#ef645c
#ee5a57

CSS

background: linear-gradient(225deg in oklch, oklch(87.01% 0.0496 171.56) 0.0%, oklch(85.44% 0.0628 159.80) 3.2%, oklch(83.26% 0.0820 143.19) 6.5%, oklch(80.67% 0.1050 123.37) 9.7%, oklch(77.84% 0.1295 101.95) 12.9%, oklch(74.98% 0.1532 80.57) 16.1%, oklch(72.28% 0.1681 60.83) 19.4%, oklch(69.92% 0.1891 44.42) 22.6%, oklch(68.09% 0.1968 32.82) 25.8%, oklch(66.41% 0.1976 24.94) 29.0%, oklch(64.78% 0.1931 19.62) 32.3%, oklch(63.30% 0.1848 16.39) 35.5%, oklch(62.08% 0.1739 14.79) 38.7%, oklch(61.23% 0.1618 14.34) 41.9%, oklch(60.86% 0.1498 14.57) 45.2%, oklch(61.06% 0.1393 15.01) 48.4%, oklch(62.05% 0.1309 15.51) 51.6%, oklch(64.26% 0.1210 17.49) 54.8%, oklch(67.38% 0.1099 20.76) 58.1%, oklch(71.01% 0.0989 24.79) 61.3%, oklch(74.72% 0.0888 29.07) 64.5%, oklch(78.10% 0.0808 33.07) 67.7%, oklch(80.71% 0.0759 36.29) 71.0%, oklch(82.16% 0.0752 38.20) 74.2%, oklch(82.11% 0.0801 38.48) 77.4%, oklch(80.82% 0.0909 37.54) 80.6%, oklch(78.63% 0.1060 35.71) 83.9%, oklch(75.88% 0.1235 33.32) 87.1%, oklch(72.92% 0.1418 30.69) 90.3%, oklch(70.08% 0.1590 28.16) 93.5%, oklch(67.70% 0.1735 26.04) 96.8%, oklch(66.14% 0.1833 24.67) 100.0%);

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

Bảng màu san hô

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