Cầu vồng từ trắng ngà sang be tông pastel (gradient hình nón)

Bảng màu Cầu vồng từ trắng ngà sang be tông pastel

Gradient hình nón, 32 màu, góc 75°: #fcffea, #60c8cb, #5453ac, #cd7299, #f8fea5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fcffea
#f6ffdc
#edffd3
#deffcb
#c5ffc3
#abfac5
#8eeec9
#73ddcc
#60c8cb
#57b2c5
#529ebe
#4d8fb9
#4680b4
#4172b1
#4165af
#485aae
#5453ac
#624fa9
#724fa7
#8251a4
#9456a1
#a55c9d
#b9659b
#cd7299
#e18198
#f29295
#ffa291
#ffb995
#ffce9c
#ffe0a2
#fff199
#f8fea5

CSS

background: conic-gradient(from 75deg in oklch, oklch(99.21% 0.0282 113.18) 0.0%, oklch(98.46% 0.0464 118.37) 3.2%, oklch(97.58% 0.0601 125.36) 6.5%, oklch(96.35% 0.0762 133.90) 9.7%, oklch(94.52% 0.0997 143.75) 12.9%, oklch(91.88% 0.1057 154.63) 16.1%, oklch(88.02% 0.1059 167.17) 19.4%, oklch(82.91% 0.1017 182.06) 22.6%, oklch(77.19% 0.0958 197.98) 25.8%, oklch(71.47% 0.0907 213.59) 29.0%, oklch(66.40% 0.0890 227.52) 32.3%, oklch(62.24% 0.0929 238.73) 35.5%, oklch(58.26% 0.1019 247.88) 38.7%, oklch(54.67% 0.1134 255.84) 41.9%, oklch(51.74% 0.1248 263.43) 45.2%, oklch(49.76% 0.1337 271.49) 48.4%, oklch(48.98% 0.1379 280.62) 51.6%, oklch(49.34% 0.1386 290.15) 54.8%, oklch(50.62% 0.1370 299.95) 58.1%, oklch(52.64% 0.1343 310.06) 61.3%, oklch(55.19% 0.1312 320.52) 64.5%, oklch(58.13% 0.1288 331.37) 67.7%, oklch(61.96% 0.1259 342.34) 71.0%, oklch(66.50% 0.1226 353.58) 74.2%, oklch(71.32% 0.1193 5.32) 77.4%, oklch(76.02% 0.1163 17.83) 80.6%, oklch(80.18% 0.1140 31.40) 83.9%, oklch(84.20% 0.0949 47.83) 87.1%, oklch(88.19% 0.0848 66.30) 90.3%, oklch(91.89% 0.0858 84.57) 93.5%, oklch(95.00% 0.1100 100.36) 96.8%, oklch(97.24% 0.1102 111.44) 100.0%);

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

Gradient nhiều màu tông sá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