Xanh cổ vịt, xanh dương nhạt, cam và nâu (gradient hình nón)

Bảng màu Xanh cổ vịt, xanh dương nhạt, cam và nâu

Gradient hình nón, 32 màu, góc 225°: #00575f, #0ea6a1, #add7c5, #e1a875, #81341b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00575f
#015e66
#03676f
#07727a
#0c7e84
#11898d
#139395
#0f9d9b
#0ea6a1
#19b0a6
#2db8aa
#45bfaf
#5fc6b7
#79ccbf
#8fd1c5
#a0d5c7
#add7c5
#bad9c0
#c7d9b9
#d3d6b2
#dbd0aa
#dfc79f
#e1b98c
#e1a875
#df945c
#d98047
#d16e39
#c35e31
#b0502a
#9d4524
#8d3b1f
#81341b

CSS

background: conic-gradient(from 225deg in oklch, oklch(41.74% 0.0714 206.03) 0.0%, oklch(43.88% 0.0748 205.16) 3.2%, oklch(46.92% 0.0792 204.03) 6.5%, oklch(50.45% 0.0844 202.62) 9.7%, oklch(54.07% 0.0896 200.94) 12.9%, oklch(57.38% 0.0944 198.97) 16.1%, oklch(60.25% 0.0993 196.61) 19.4%, oklch(63.00% 0.1055 193.74) 22.6%, oklch(65.67% 0.1113 190.63) 25.8%, oklch(68.27% 0.1152 187.52) 29.0%, oklch(70.81% 0.1154 184.67) 32.3%, oklch(73.39% 0.1100 182.83) 35.5%, oklch(76.11% 0.0985 182.90) 38.7%, oklch(78.78% 0.0838 183.22) 41.9%, oklch(81.20% 0.0691 181.99) 45.2%, oklch(83.13% 0.0574 177.39) 48.4%, oklch(84.47% 0.0512 167.46) 51.6%, oklch(85.53% 0.0475 151.36) 54.8%, oklch(86.21% 0.0461 131.64) 58.1%, oklch(86.31% 0.0474 111.21) 61.3%, oklch(85.63% 0.0517 92.96) 64.5%, oklch(83.96% 0.0598 79.54) 67.7%, oklch(81.08% 0.0752 69.68) 71.0%, oklch(77.28% 0.0952 62.07) 74.2%, oklch(72.95% 0.1157 56.11) 77.4%, oklch(68.49% 0.1324 51.21) 80.6%, oklch(64.27% 0.1413 46.79) 83.9%, oklch(59.71% 0.1413 43.38) 87.1%, oklch(54.76% 0.1355 41.16) 90.3%, oklch(49.95% 0.1268 39.77) 93.5%, oklch(45.83% 0.1183 38.84) 96.8%, oklch(42.91% 0.1130 37.99) 100.0%);

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

Đồ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