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

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

Gradient tuyến tính, 32 màu, góc 135°: #ccd6bd, #e6dcdd, #675896, #273d51, #be9cc5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ccd6bd
#d2d7bf
#dbd9c4
#e3ddcd
#e9e1d6
#ece4de
#ece5e3
#eae3e2
#e6dcdd
#dfcfd3
#d6bdc7
#c8a8bc
#b792b2
#a37eaa
#8e6da3
#79609d
#675896
#54518c
#424b80
#344572
#294165
#253e5a
#243c53
#273d51
#2e4256
#3b4c63
#4d5975
#64688a
#7e789e
#9886b0
#ae93bd
#be9cc5

CSS

background: linear-gradient(135deg in oklch, oklch(86.22% 0.0358 125.16) 0.0%, oklch(86.92% 0.0329 116.32) 3.2%, oklch(88.18% 0.0281 104.29) 6.5%, oklch(89.71% 0.0223 89.96) 9.7%, oklch(91.19% 0.0165 74.20) 12.9%, oklch(92.30% 0.0116 57.89) 16.1%, oklch(92.74% 0.0083 41.90) 19.4%, oklch(92.19% 0.0078 27.13) 22.6%, oklch(90.34% 0.0108 14.37) 25.8%, oklch(86.89% 0.0189 2.65) 29.0%, oklch(82.15% 0.0311 351.42) 32.3%, oklch(76.54% 0.0458 340.66) 35.5%, oklch(70.49% 0.0612 330.37) 38.7%, oklch(64.42% 0.0759 320.56) 41.9%, oklch(58.76% 0.0880 311.22) 45.2%, oklch(53.93% 0.0959 302.36) 48.4%, oklch(50.16% 0.0982 293.79) 51.6%, oklch(46.53% 0.0952 284.63) 54.8%, oklch(43.04% 0.0882 275.28) 58.1%, oklch(39.92% 0.0787 266.35) 61.3%, oklch(37.35% 0.0682 258.46) 64.5%, oklch(35.56% 0.0581 252.22) 67.7%, oklch(34.75% 0.0498 248.24) 71.0%, oklch(35.13% 0.0447 247.14) 74.2%, oklch(37.13% 0.0436 249.87) 77.4%, oklch(41.11% 0.0451 256.92) 80.6%, oklch(46.49% 0.0485 267.09) 83.9%, oklch(52.69% 0.0532 279.11) 87.1%, oklch(59.10% 0.0584 291.70) 90.3%, oklch(65.13% 0.0634 303.61) 93.5%, oklch(70.17% 0.0676 313.57) 96.8%, oklch(73.62% 0.0703 320.30) 100.0%);

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

Tử đằng trên tường bóng râm

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