Hồng, tím oải hương và tím (tương đồng) (gradient hình nón)

Bảng màu Hồng, tím oải hương và tím (tương đồng)

Gradient hình nón, 32 màu, góc 225°: #f45f7b, #ecadc3, #be9ed0, #8362ad, #3e2662. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f45f7b
#f56881
#f57489
#f58192
#f48e9c
#f399a7
#f1a2b0
#efa8b9
#ecadc3
#e8b2cb
#e3b5d1
#deb7d6
#d9b7d8
#d4b4d7
#cdaed6
#c6a7d3
#be9ed0
#b595cc
#ad8cc8
#a484c4
#9c7cbf
#9474ba
#8b6bb3
#8362ad
#7b5aa5
#72529d
#694993
#5e4188
#54387c
#4b3171
#432b68
#3e2662

CSS

background: conic-gradient(from 225deg in oklch, oklch(68.50% 0.1833 11.95) 0.0%, oklch(69.76% 0.1733 11.79) 3.2%, oklch(71.56% 0.1591 11.91) 6.5%, oklch(73.67% 0.1424 11.91) 9.7%, oklch(75.84% 0.1251 11.41) 12.9%, oklch(77.80% 0.1089 10.03) 16.1%, oklch(79.30% 0.0958 7.39) 19.4%, oklch(80.34% 0.0860 2.94) 22.6%, oklch(81.23% 0.0775 356.64) 25.8%, oklch(81.91% 0.0704 349.20) 29.0%, oklch(82.29% 0.0648 341.37) 32.3%, oklch(82.30% 0.0611 333.90) 35.5%, oklch(81.83% 0.0593 327.53) 38.7%, oklch(80.80% 0.0601 322.75) 41.9%, oklch(79.13% 0.0641 318.86) 45.2%, oklch(76.97% 0.0705 315.63) 48.4%, oklch(74.49% 0.0782 312.94) 51.6%, oklch(71.86% 0.0861 310.65) 54.8%, oklch(69.23% 0.0931 308.63) 58.1%, oklch(66.73% 0.0984 306.79) 61.3%, oklch(64.20% 0.1035 305.40) 64.5%, oklch(61.59% 0.1084 304.43) 67.7%, oklch(58.91% 0.1129 303.74) 71.0%, oklch(56.18% 0.1165 303.21) 74.2%, oklch(53.41% 0.1190 302.69) 77.4%, oklch(50.61% 0.1199 302.07) 80.6%, oklch(47.50% 0.1187 301.41) 83.9%, oklch(44.14% 0.1159 300.80) 87.1%, oklch(40.76% 0.1120 300.24) 90.3%, oklch(37.63% 0.1079 299.75) 93.5%, oklch(34.98% 0.1043 299.35) 96.8%, oklch(33.07% 0.1020 299.04) 100.0%);

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

Bảng màu vaporwave

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