Xanh dương, xanh lá và cam tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương, xanh lá và cam tông rực rỡ

Gradient tuyến tính, 32 màu, góc 150°: #412da2, #1e5e7e, #508447, #a28e24, #e37c21. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#412da2
#3d32a0
#36389d
#2f3e99
#274594
#1e4b90
#19528a
#1a5983
#1e5e7e
#216479
#1f6974
#206f6d
#277464
#33785b
#3f7c54
#48804e
#508447
#598741
#658a39
#728b33
#7f8d2f
#8b8e2c
#968e29
#a28e24
#ad8e21
#b88c20
#c28b20
#cb8821
#d38520
#da821f
#df7f1f
#e37c21

CSS

background: linear-gradient(150deg in oklch, oklch(40.16% 0.1778 282.66) 0.0%, oklch(40.34% 0.1705 279.84) 3.2%, oklch(40.56% 0.1603 275.96) 6.5%, oklch(40.91% 0.1484 271.09) 9.7%, oklch(41.43% 0.1360 265.32) 12.9%, oklch(42.22% 0.1236 258.74) 16.1%, oklch(43.27% 0.1088 251.48) 19.4%, oklch(44.50% 0.0938 243.27) 22.6%, oklch(45.78% 0.0812 233.83) 25.8%, oklch(47.02% 0.0737 222.84) 29.0%, oklch(48.24% 0.0720 208.89) 32.3%, oklch(49.47% 0.0742 192.88) 35.5%, oklch(50.72% 0.0788 176.95) 38.7%, oklch(51.99% 0.0840 163.27) 41.9%, oklch(53.30% 0.0895 153.42) 45.2%, oklch(54.64% 0.0970 146.37) 48.4%, oklch(55.99% 0.1050 140.86) 51.6%, oklch(57.33% 0.1121 135.69) 54.8%, oklch(58.64% 0.1167 129.74) 58.1%, oklch(59.94% 0.1186 123.55) 61.3%, oklch(61.24% 0.1188 117.43) 64.5%, oklch(62.48% 0.1188 111.28) 67.7%, oklch(63.63% 0.1196 104.98) 71.0%, oklch(64.68% 0.1218 98.31) 74.2%, oklch(65.68% 0.1244 91.27) 77.4%, oklch(66.59% 0.1276 84.28) 80.6%, oklch(67.35% 0.1313 77.79) 83.9%, oklch(67.94% 0.1357 72.14) 87.1%, oklch(68.34% 0.1417 66.89) 90.3%, oklch(68.60% 0.1483 62.16) 93.5%, oklch(68.77% 0.1543 58.25) 96.8%, oklch(68.90% 0.1585 55.45) 100.0%);

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

Gradient u buồn

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