Tím, be và xanh lá (ba tông) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #69465e, #c47f96, #faccb2, #ded9b2, #629552. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#69465e
#6f4a62
#784f68
#825670
#8e5d78
#9b6580
#a96d89
#b77690
#c47f96
#d1879b
#db8f9e
#e497a0
#eba1a1
#f1aca4
#f6b7a7
#f9c2ac
#faccb2
#fad5b9
#f9ddbf
#f7e1c4
#f4e4c6
#efe3c4
#e8e0bd
#ded9b2
#d0d1a5
#c1c796
#b0bd86
#9eb377
#8da96a
#7ca15f
#6e9a57
#629552

CSS

background: linear-gradient(45deg in oklch, oklch(44.09% 0.0593 338.91) 0.0%, oklch(45.86% 0.0616 340.39) 3.2%, oklch(48.18% 0.0650 342.02) 6.5%, oklch(50.95% 0.0693 343.85) 9.7%, oklch(54.04% 0.0740 345.93) 12.9%, oklch(57.36% 0.0789 348.32) 16.1%, oklch(60.78% 0.0835 351.07) 19.4%, oklch(64.18% 0.0877 354.23) 22.6%, oklch(67.47% 0.0910 357.87) 25.8%, oklch(70.52% 0.0932 2.03) 29.0%, oklch(73.21% 0.0939 6.78) 32.3%, oklch(75.61% 0.0926 12.26) 35.5%, oklch(78.14% 0.0890 18.77) 38.7%, oklch(80.72% 0.0836 26.13) 41.9%, oklch(83.28% 0.0770 34.11) 45.2%, oklch(85.70% 0.0698 42.51) 48.4%, oklch(87.90% 0.0624 51.12) 51.6%, oklch(89.76% 0.0554 59.72) 54.8%, oklch(91.18% 0.0495 68.10) 58.1%, oklch(92.08% 0.0451 76.05) 61.3%, oklch(92.35% 0.0428 83.35) 64.5%, oklch(91.86% 0.0432 89.84) 67.7%, oklch(90.36% 0.0462 96.06) 71.0%, oklch(87.96% 0.0515 102.14) 74.2%, oklch(84.86% 0.0585 108.01) 77.4%, oklch(81.29% 0.0667 113.63) 80.6%, oklch(77.45% 0.0755 118.92) 83.9%, oklch(73.57% 0.0844 123.84) 87.1%, oklch(69.84% 0.0931 128.31) 90.3%, oklch(66.50% 0.1008 132.28) 93.5%, oklch(63.75% 0.1072 135.69) 96.8%, oklch(61.81% 0.1116 138.48) 100.0%);

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

Vườn táo nở hoa

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