Be, xanh lá và xanh dương (ba tông) (gradient tuyến tính)

Bảng màu Be, xanh lá và xanh dương (ba tông)

Gradient tuyến tính, 32 màu, góc 90°: #efd8b7, #e5d750, #a3c95c, #5eb3b4, #358eab. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#efd8b7
#f2d8ae
#f4d8a2
#f5d892
#f5d982
#f2d974
#efd968
#ead85c
#e5d750
#dfd646
#d8d53f
#d1d33c
#cad13c
#c3cf3e
#bacd44
#b0cb4e
#a3c95c
#96c76e
#8bc47f
#83c08d
#7dbc98
#76b9a0
#6bb6a9
#5eb3b4
#55afbf
#51aac8
#51a4ca
#4f9fc7
#489ac0
#4095b8
#3991b0
#358eab

CSS

background: linear-gradient(90deg in oklch, oklch(89.37% 0.0510 77.34) 0.0%, oklch(89.31% 0.0615 79.92) 3.2%, oklch(89.27% 0.0766 83.62) 6.5%, oklch(89.18% 0.0938 87.87) 9.7%, oklch(88.99% 0.1108 92.12) 12.9%, oklch(88.66% 0.1249 95.84) 16.1%, oklch(88.14% 0.1355 98.76) 19.4%, oklch(87.48% 0.1449 101.29) 22.6%, oklch(86.71% 0.1529 103.60) 25.8%, oklch(85.85% 0.1590 105.86) 29.0%, oklch(84.95% 0.1631 108.21) 32.3%, oklch(84.01% 0.1650 110.56) 35.5%, oklch(82.98% 0.1649 112.39) 38.7%, oklch(81.90% 0.1629 114.23) 41.9%, oklch(80.78% 0.1588 116.68) 45.2%, oklch(79.67% 0.1527 120.32) 48.4%, oklch(78.60% 0.1438 125.65) 51.6%, oklch(77.52% 0.1298 132.31) 54.8%, oklch(76.44% 0.1130 140.06) 58.1%, oklch(75.37% 0.0965 148.77) 61.3%, oklch(74.31% 0.0836 158.31) 64.5%, oklch(73.29% 0.0773 168.72) 67.7%, oklch(72.34% 0.0777 181.86) 71.0%, oklch(71.44% 0.0825 196.62) 74.2%, oklch(70.51% 0.0891 210.97) 77.4%, oklch(69.48% 0.0951 222.89) 80.6%, oklch(68.29% 0.0981 230.38) 83.9%, oklch(66.76% 0.0984 232.75) 87.1%, oklch(64.99% 0.0975 231.54) 90.3%, oklch(63.23% 0.0961 228.42) 93.5%, oklch(61.70% 0.0946 225.07) 96.8%, oklch(60.63% 0.0937 223.18) 100.0%);

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

Phấn hoa và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