Hồng, tím, xanh dương và tím oải hương (gradient tuyến tính)

Bảng màu Hồng, tím, xanh dương và tím oải hương

Gradient tuyến tính, 40 màu, góc 135°: #ff834d, #6b86ca, #0084a3, #6f7ecc, #e5aa98. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ff834d
#fd7e5f
#f97a73
#f27789
#e6759f
#d676b2
#c379c2
#ad7ccc
#9680d0
#8084cf
#6b86ca
#5a88c2
#4b89ba
#4189b3
#3889ae
#3088aa
#2688a7
#1987a5
#0486a4
#0085a3
#0084a3
#0083a4
#0082a7
#0081ac
#0081b2
#0e80bb
#2a80c0
#407fc5
#587ec9
#6f7ecc
#857ecc
#9b7fc9
#ae82c2
#bf85ba
#cc8ab1
#d690a8
#dd97a1
#e19e9c
#e4a599
#e5aa98

CSS

background: linear-gradient(135deg in oklch, oklch(74.02% 0.1654 42.89) 0.0%, oklch(73.38% 0.1620 35.09) 2.6%, oklch(72.54% 0.1576 24.76) 5.1%, oklch(71.54% 0.1521 12.36) 7.7%, oklch(70.42% 0.1460 358.36) 10.3%, oklch(69.20% 0.1394 343.23) 12.8%, oklch(67.92% 0.1325 327.42) 15.4%, oklch(66.62% 0.1256 311.40) 17.9%, oklch(65.33% 0.1189 295.65) 20.5%, oklch(64.09% 0.1126 280.61) 23.1%, oklch(62.92% 0.1070 266.76) 25.6%, oklch(61.87% 0.1023 254.56) 28.2%, oklch(60.96% 0.0987 244.48) 30.8%, oklch(60.24% 0.0965 236.98) 33.3%, oklch(59.62% 0.0958 231.52) 35.9%, oklch(59.01% 0.0965 227.24) 38.5%, oklch(58.44% 0.0984 224.08) 41.0%, oklch(57.91% 0.1012 222.01) 43.6%, oklch(57.44% 0.1047 220.99) 46.2%, oklch(57.05% 0.1046 220.99) 48.7%, oklch(56.76% 0.1048 221.93) 51.3%, oklch(56.57% 0.1061 223.79) 53.8%, oklch(56.52% 0.1086 226.54) 56.4%, oklch(56.60% 0.1129 230.12) 59.0%, oklch(56.85% 0.1198 234.49) 61.5%, oklch(57.26% 0.1269 239.60) 64.1%, oklch(57.87% 0.1268 245.43) 66.7%, oklch(58.77% 0.1253 252.85) 69.2%, oklch(60.01% 0.1227 262.45) 71.8%, oklch(61.53% 0.1193 273.86) 74.4%, oklch(63.27% 0.1150 286.65) 76.9%, oklch(65.16% 0.1103 300.42) 79.5%, oklch(67.15% 0.1051 314.78) 82.1%, oklch(69.17% 0.0998 329.31) 84.6%, oklch(71.18% 0.0945 343.62) 87.2%, oklch(73.10% 0.0894 357.30) 89.7%, oklch(74.87% 0.0846 9.94) 92.3%, oklch(76.45% 0.0804 21.14) 94.9%, oklch(77.76% 0.0769 30.50) 97.4%, oklch(78.74% 0.0744 37.61) 100.0%);

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

Gradient cam và xanh dươ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