Xanh hải quân sang xanh cổ vịt (tương đồng) (gradient tuyến tính)

Bảng màu Xanh hải quân sang xanh cổ vịt (tương đồng)

Gradient tuyến tính, 32 màu, góc 135°: #1c3353, #1c4c70, #1e8090, #18b3ab, #19dec9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1c3353
#1c3555
#1c3758
#1d395b
#1d3c5f
#1d3f63
#1d4368
#1d476c
#1c4c70
#1c5175
#1b5779
#1b5d7d
#1b6480
#1c6b84
#1d7288
#1e798c
#1e8090
#1e8794
#1c8e98
#1b969d
#199da1
#18a5a4
#17aca8
#18b3ab
#1ab9af
#1bc0b3
#1cc6b7
#1bccbb
#1bd2c0
#1ad7c4
#19dbc7
#19dec9

CSS

background: linear-gradient(135deg in oklch, oklch(31.89% 0.0648 256.64) 0.0%, oklch(32.47% 0.0660 255.96) 3.2%, oklch(33.20% 0.0678 255.21) 6.5%, oklch(34.06% 0.0699 254.34) 9.7%, oklch(35.05% 0.0722 253.26) 12.9%, oklch(36.16% 0.0745 251.89) 16.1%, oklch(37.38% 0.0768 250.17) 19.4%, oklch(38.70% 0.0787 248.02) 22.6%, oklch(40.13% 0.0803 245.35) 25.8%, oklch(41.73% 0.0812 241.96) 29.0%, oklch(43.48% 0.0818 237.93) 32.3%, oklch(45.36% 0.0822 233.47) 35.5%, oklch(47.32% 0.0826 228.78) 38.7%, oklch(49.34% 0.0831 224.04) 41.9%, oklch(51.36% 0.0841 219.46) 45.2%, oklch(53.36% 0.0857 215.23) 48.4%, oklch(55.31% 0.0881 211.47) 51.6%, oklch(57.31% 0.0913 207.81) 54.8%, oklch(59.36% 0.0951 204.21) 58.1%, oklch(61.43% 0.0992 200.76) 61.3%, oklch(63.48% 0.1036 197.50) 64.5%, oklch(65.49% 0.1080 194.50) 67.7%, oklch(67.42% 0.1123 191.82) 71.0%, oklch(69.25% 0.1162 189.52) 74.2%, oklch(70.99% 0.1198 187.66) 77.4%, oklch(72.75% 0.1236 186.24) 80.6%, oklch(74.49% 0.1273 185.17) 83.9%, oklch(76.15% 0.1310 184.40) 87.1%, oklch(77.69% 0.1344 183.84) 90.3%, oklch(79.06% 0.1374 183.41) 93.5%, oklch(80.22% 0.1400 183.05) 96.8%, oklch(81.10% 0.1419 182.67) 100.0%);

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

Gradient xanh cổ vịt Gradient tuyến tính

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