Hồng đào sang xanh hải quân (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #fed09f, #df9056, #74586a, #284671, #061d3f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fed09f
#fccb99
#fbc490
#f9bc86
#f6b37c
#f2aa73
#eda16b
#e69860
#df9056
#d7864f
#ce7d4d
#c37453
#b46c5c
#a26564
#906069
#7f5c6a
#74586a
#6a546d
#605272
#545178
#46517a
#394e78
#2f4b75
#284671
#23406d
#1f3b69
#1a3563
#14305c
#0f2a54
#0b254b
#082044
#061d3f

CSS

background: linear-gradient(180deg in oklch, oklch(88.58% 0.0813 68.20) 0.0%, oklch(87.41% 0.0856 66.64) 3.2%, oklch(85.79% 0.0920 64.40) 6.5%, oklch(83.86% 0.0991 61.82) 9.7%, oklch(81.72% 0.1058 59.22) 12.9%, oklch(79.50% 0.1110 56.91) 16.1%, oklch(77.22% 0.1147 55.61) 19.4%, oklch(74.75% 0.1185 55.49) 22.6%, oklch(72.15% 0.1212 55.35) 25.8%, oklch(69.44% 0.1217 53.98) 29.0%, oklch(66.67% 0.1190 50.16) 32.3%, oklch(63.80% 0.1111 42.95) 35.5%, oklch(60.65% 0.0967 32.97) 38.7%, oklch(57.41% 0.0792 20.98) 41.9%, oklch(54.31% 0.0625 7.68) 45.2%, oklch(51.56% 0.0502 353.78) 48.4%, oklch(49.39% 0.0456 339.43) 51.6%, oklch(47.80% 0.0477 322.40) 54.8%, oklch(46.57% 0.0540 304.16) 58.1%, oklch(45.48% 0.0620 286.79) 61.3%, oklch(44.28% 0.0695 272.38) 64.5%, oklch(42.77% 0.0744 262.97) 67.7%, oklch(41.06% 0.0785 258.62) 71.0%, oklch(39.24% 0.0825 257.73) 74.2%, oklch(37.37% 0.0857 258.73) 77.4%, oklch(35.45% 0.0877 260.02) 80.6%, oklch(33.53% 0.0881 260.06) 83.9%, oklch(31.40% 0.0860 259.45) 87.1%, oklch(29.10% 0.0821 258.96) 90.3%, oklch(26.88% 0.0774 258.59) 93.5%, oklch(24.97% 0.0731 258.29) 96.8%, oklch(23.62% 0.0703 258.07) 100.0%);

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

Gradient cam và xanh dươ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