Hồng đào, tím và xanh dương (bộ ba) (gradient tuyến tính)

Bảng màu Hồng đào, tím và xanh dương (bộ ba)

Gradient tuyến tính, 32 màu, góc 135°: #f3c079, #d78051, #9f4d52, #4f5264, #1d5364. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f3c079
#f1bb75
#efb56f
#ecad68
#e9a462
#e59a5c
#e19157
#dc8854
#d78051
#d1794e
#cb714a
#c46a46
#bd6344
#b55c43
#ae5645
#a7514a
#9f4d52
#944c5d
#874c67
#784e6e
#6a5070
#5e526e
#555269
#4f5264
#4a5161
#465060
#415061
#3b5062
#345163
#2c5264
#245264
#1d5364

CSS

background: linear-gradient(135deg in oklch, oklch(83.86% 0.1061 75.23) 0.0%, oklch(82.67% 0.1078 73.12) 3.2%, oklch(81.08% 0.1102 70.29) 6.5%, oklch(79.19% 0.1131 66.93) 9.7%, oklch(77.09% 0.1162 63.20) 12.9%, oklch(74.87% 0.1192 59.26) 16.1%, oklch(72.62% 0.1217 55.30) 19.4%, oklch(70.44% 0.1234 51.48) 22.6%, oklch(68.40% 0.1241 48.00) 25.8%, oklch(66.33% 0.1245 45.44) 29.0%, oklch(64.18% 0.1247 43.58) 32.3%, oklch(62.01% 0.1245 41.89) 35.5%, oklch(59.85% 0.1237 39.85) 38.7%, oklch(57.76% 0.1219 36.94) 41.9%, oklch(55.79% 0.1189 32.63) 45.2%, oklch(53.98% 0.1145 26.40) 48.4%, oklch(52.36% 0.1080 17.63) 51.6%, oklch(50.88% 0.0983 5.81) 54.8%, oklch(49.51% 0.0861 351.67) 58.1%, oklch(48.25% 0.0726 336.11) 61.3%, oklch(47.10% 0.0590 320.00) 64.5%, oklch(46.06% 0.0466 304.24) 67.7%, oklch(45.12% 0.0365 289.70) 71.0%, oklch(44.29% 0.0299 277.28) 74.2%, oklch(43.57% 0.0277 267.17) 77.4%, oklch(42.99% 0.0292 258.10) 80.6%, oklch(42.54% 0.0335 250.00) 83.9%, oklch(42.19% 0.0395 242.81) 87.1%, oklch(41.92% 0.0463 236.53) 90.3%, oklch(41.70% 0.0530 231.13) 93.5%, oklch(41.51% 0.0585 226.57) 96.8%, oklch(41.34% 0.0620 222.83) 100.0%);

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

Gradient hoàng hô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