Xanh cổ vịt, hồng đào và nâu vàng (gradient tuyến tính)

Bảng màu Xanh cổ vịt, hồng đào và nâu vàng

Gradient tuyến tính, 40 màu, góc 225°: #049094, #afba7a, #fecca8, #a7b076, #0f7f82. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#049094
#149492
#23988f
#339c8c
#44a188
#55a684
#67aa80
#7aaf7d
#8cb37a
#9eb679
#afba7a
#bfbd7d
#cec081
#dac287
#e5c58e
#eec796
#f5c99c
#facba2
#fdcca6
#ffcca8
#fecca8
#fccba6
#f7c9a1
#f1c69b
#e9c394
#dfc08c
#d3bc85
#c6b97e
#b7b579
#a7b076
#96ac74
#84a774
#72a275
#619d77
#509779
#40917c
#328c7e
#248780
#198381
#0f7f82

CSS

background: linear-gradient(225deg in oklch, oklch(59.45% 0.1006 197.58) 0.0%, oklch(60.34% 0.0998 193.26) 2.6%, oklch(61.50% 0.0988 187.64) 5.1%, oklch(62.91% 0.0976 180.88) 7.7%, oklch(64.53% 0.0962 173.15) 10.3%, oklch(66.31% 0.0947 164.63) 12.8%, oklch(68.22% 0.0931 155.48) 15.4%, oklch(70.23% 0.0914 145.88) 17.9%, oklch(72.30% 0.0897 135.99) 20.5%, oklch(74.38% 0.0879 125.99) 23.1%, oklch(76.45% 0.0861 116.05) 25.6%, oklch(78.46% 0.0844 106.33) 28.2%, oklch(80.39% 0.0827 97.01) 30.8%, oklch(82.18% 0.0810 88.26) 33.3%, oklch(83.81% 0.0795 80.25) 35.9%, oklch(85.24% 0.0782 73.15) 38.5%, oklch(86.43% 0.0770 67.13) 41.0%, oklch(87.35% 0.0759 62.36) 43.6%, oklch(87.95% 0.0751 59.01) 46.2%, oklch(88.20% 0.0746 57.26) 48.7%, oklch(88.07% 0.0743 57.26) 51.3%, oklch(87.54% 0.0743 59.01) 53.8%, oklch(86.66% 0.0744 62.36) 56.4%, oklch(85.45% 0.0748 67.13) 59.0%, oklch(83.96% 0.0754 73.15) 61.5%, oklch(82.22% 0.0761 80.25) 64.1%, oklch(80.29% 0.0770 88.26) 66.7%, oklch(78.18% 0.0779 97.01) 69.2%, oklch(75.96% 0.0790 106.33) 71.8%, oklch(73.64% 0.0801 116.05) 74.4%, oklch(71.28% 0.0812 125.99) 76.9%, oklch(68.91% 0.0824 135.99) 79.5%, oklch(66.57% 0.0835 145.88) 82.1%, oklch(64.30% 0.0847 155.48) 84.6%, oklch(62.14% 0.0857 164.63) 87.2%, oklch(60.13% 0.0867 173.15) 89.7%, oklch(58.30% 0.0877 180.88) 92.3%, oklch(56.70% 0.0884 187.64) 94.9%, oklch(55.36% 0.0891 193.26) 97.4%, oklch(54.33% 0.0896 197.58) 100.0%);

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

Xanh cổ vịt và cam

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